Answered: The horizontal position of an event is determined by its "start" and "end" values. Concurrent events stack vertically. To show events side by side you would have to change their start/end value accor...
Answered: The Scheduler can print (or export as image) the current view or a section of it using the exportAs() method. For more details and an example, please see the documentation: https://doc.daypilot.org/s...
Answered: When using the default theme, there is a space for a 16x16 pixel icon on the left side: https://doc.daypilot.org/menu/images/ In your screenshot, this space is not available. It looks like you might ...
Answered: Each event is displayed at a location determined by its start, end and resource id. If you want to display multiple events in the same cell, use the same "start", "end", and "resource" values.
Answered: The default theme uses "display: flex" and "align-items: center" to center the Scheduler event content vertically. You can override it using the following CSS: .scheduler_default_event_inner { align-...
Answered: Instead of using the Scheduler time header to display the navigation, it's better to create your own toolbar and place it above the Scheduler. To learn how to implement the next/previous/today button...
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...
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...
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...
Answered: You can customize the hour header cell content using onBeforeTimeHeaderRender event handler: https://doc.daypilot.org/calendar/time-header-customization/
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...
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: 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: 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...
DayPilot