All Questions

Answered: The events will be displayed in a single horizontal line if they don't overlap. If the end date/time of the first event and the start date/time are the same the events are still considered non-overla...

Answered: Unfortunately, the all-day events can't be displayed side-by-side. They are always arranged vertically.

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.startDate = "2022-03-25...

Answered: Thank you for posting the screenshot: https://forums.daypilot.org/question/5744/cell-to-into-two-lines-or-below-the-current-line

Answered: You can use the "textarea" form item: import {Modal} from '@daypilot/modal'; // ... const form = [ { type: 'textarea', id: 'textarea1', name: 'Multi-line text', }, ]; const data = {}; Modal.form(form...

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...

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 o...

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...

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...

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...

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 ...

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.

Answered: Unfortunately, this is not supported. In the Pro version, it will be possible to resize columns in the near future.

Answered: This is not possible. You can't hide just one cell of a column. You can either hide a full column (if the non-business hours are the same) or use a special background color for non-business hours tha...

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...

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/

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/

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 {...config}...

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...

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 goo...

Answered: This is not supported at the moment - but you can use the "searchable" element which is a drop-down list with items filtered by the text you type.

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...

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 ...

Answered: This problem should be fixed now in the latest sandbox build (2022.2.5292). See also: https://release.daypilot.org/changes/js/

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 SlotDurationMinutes = 15; // ....

Answered: Hi Santor, It's in the works. Unless there is some problem, it will be included in the next release (June 1, 2022).

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/

Answered: Yes, you can add it using onBeforeCellRender. Try something like this: onBeforeCellRender: args => { args.cell.areas = [ { left: 0, right: 0, bottom: 0, text: "Start" } ]; }

Answered: This syntax is correct and it seems to work fine. However, the screenshot doesn't correspond to the sample code - "left: 0, right: 0, top: 0, bottom: 0" will fill the whole cell. So you might want to...