Questions Tagged javascript
Uncaught ReferenceError: module is not defined
Answered: If you want to include the library directly using <script> element you need to download the zip package and include daypilot-all.min.js file instead of using NPM: Pro version: https://javascript.dayp...
daypilot all - functions not working
Answered: I resolved this. I was sending the 'data' object via jQuery $.post and it was failing. Re-populating the object sent using $.post using: newStart: args.newStart.toString(), newEnd: args.newEnd.toStri...
How to change the font color while changing the back color for event?
Answered: Please see the documentation for "event customization": https://doc.daypilot.org/scheduler/event-customization/ You can also change the color globally (for all events) using a custom CSS theme: https...
how to change the time format
Answered: You can customize the hour header cell content using onBeforeTimeHeaderRender event handler: https://doc.daypilot.org/calendar/time-header-customization/
How change the height of all-day-event's row
Answered: The height of the row with all-day events depends on the content. It will stretch automatically to fit all events. You can change the all-day event height using allDayEventHeight property: https://ap...
show all day events side by side
Answered: Unfortunately, the all-day events can't be displayed side-by-side. They are always arranged vertically.
All-day events in Resources view
Answered: Yes, it is possible. There is no live demo available but you can try this example:
<div id="dp"></div>
<script type="text/javascript">
var dp = new DayPilot.Calendar("dp");
dp.startD...
How to wrap the text in Modal input box?
Answered: You can use the "textarea" form item:
import {Modal} from '@daypilot/modal';
// ...
const form = [
{
type: 'textarea',
id: 'textarea1',
name: 'Multi-line text',
},
];
c...
How to show Monday to Friday in calender?
Answered: You can control the days displayed using startDate and days properties: https://api.daypilot.org/daypilot-scheduler-startdate/ https://api.daypilot.org/daypilot-scheduler-days/ You'll need to set "st...
how to increase the size of cell if we have long text?
Answered: The event height is always fixed. You can increase it globally using the "eventHeight" property (https://api.daypilot.org/daypilot-scheduler-eventheight/) or per event using the "height" property of ...
How to wrap the text within the event if we have long text?
Answered: You can enable text wrapping using the "eventTextWrappingEnabled" property: https://api.daypilot.org/daypilot-scheduler-eventtextwrappingenabled/ You can also use HTML line breaks (<br>) in the event...
ISO-8601datetime nanoseconds support
Answered: At this moment the DayPilot.Date class supports milliseconds only, i.e. it will accept three digits after the decimal point: "2022-06-01T23:59:59.999". https://api.daypilot.org/daypilot-date-construc...
Multi move for calendar
Answered: At this moment, there are a couple of other features in the queue for the Calendar. If you would like to sponsor this feature and speed things up, please write to sales@daypilot.org to discuss the op...
How to install DayPilot Pro & use in React code
Answered: Hi Shruti, Thank you for choosing DayPilot Pro! You can get a NPM link for a trial version here: https://npm.daypilot.org/ The following documentation page describes how to start using the Scheduler ...
Calendar drag drop
Answered: At this moment, it's not possible to drag events out of the Calendar. However, it's in the queue and it will be added in the near future.
How to resize the table column and row like excel ?
Answered: Unfortunately, this is not supported. In the Pro version, it will be possible to resize columns in the near future.
DayPilot Scheduler sometimes puts different "event containers" on the same line
Answered: The container joins the member events into a single virtual event. The virtual events are then treated in a standard way - there can be multiple events in the same line in a row, if they don't overla...
Use html on rowheader
Answered: The onBeforeRowHeaderRender event lets you set custom HTML for each row header cell (args.rows.cells[].html). See also: https://doc.daypilot.org/scheduler/row-header-customization/
profile picture in rowheader
Answered: You can add a picture to the Scheduler row header using onBeforeRowHeaderRender event. Please see an example here: https://doc.daypilot.org/scheduler/row-header-icons/
How to check if there are no rows visible to display another component.
Answered: This logic destroys the component when noRows if false and makes the scheduler instance invalid. You can try using the "visible" attribute instead, something like this:
<DayPilotScheduler {...confi...
Split in resource
Answered: These issues should be fixed now in the latest build (2022.2.5303): https://release.daypilot.org/changes/js/ Now you can access the split resource parent using DayPilot.Row.splitParent() and subresou...
dropbox with multiple choices
Answered: Unfortunately, this is not supported in the modal dialog forms (https://modal.daypilot.org/) at the moment. You can only add checkboxes at the top level (always visible). However, it might be a good ...
Cannot read properties of null (reading 'offsetHeight')
Answered: It looks like one of the event handlers survived the component destroy phase and it is trying to access DOM elements that were already removed. That should be fixed already - could you please give it...
Dragging events out of loaded date range leads to errors or losing duration
Hi everyone, I have trouble with my Scheduler when dragging events out of the loaded time range using infinite scrolling. So I'm starting with a range of multiple months around "today" loaded and dra...
Getting "No next cell found" error
Answered: Maybe it stopped working on a specific day (Saturday, Sunday) - you are using today for the queue. This can be a problem if you display one day and hide weekends but it looks like your configuration ...
Event tap and hold Doesn't work .
Answered: This problem should be fixed now in the latest sandbox build (2022.2.5292). See also: https://release.daypilot.org/changes/js/
how i can change the slots to be 15 min replace of 60 min ?
Answered: You'll need to change the "SlotDurationMinutes" value in the Timeline class.
using Project.Models;
namespace Project.Service
{
public class Timeline
{
public static int Slo...
Progress feature request: parent resouce in front of child resources
Answered: Hi Santor, It's in the works. Unless there is some problem, it will be included in the next release (June 1, 2022).
How to disable cells in monthly calendar
Answered: Since version 2022.2.5287 (now available in the sandbox), you can disable selected cells using onBeforeCellRender event handler: https://doc.daypilot.org/month/disabled-cells/
Scheduler - Add text at the bottom of a day
Answered: Yes, you can add it using onBeforeCellRender. Try something like this:
onBeforeCellRender: args => {
args.cell.areas = [
{
left: 0,
right: 0,
bottom: 0,
text: "...
Questions 1-30 of 1491
Next