Active Questions

• image is not coming properly in Context menu.

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

  how-tojavascriptreact

  Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.

• How can i add multiple events in single cell?

  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.

  how-tojavascriptreact

  Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.

• How to show allday Event in Schedular

  Answered: Unfortunately, all-day events are only supported in the Pro version of the calendar: https://doc.daypilot.org/calendar/all-day-events/

  how-tojavascriptlite

  Asked by Vahid 4 years ago. 1 reply, last reply 4 years ago.

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

  how-tojavascriptreactbugdragdropdragtime-rangeinfiniteevent-draggingdurationerrordaypilotprochromeconfiguratorsettings

  Asked by Katharina 4 years ago. 3 replies, last reply 4 years ago.

• How to provide the header for scheduler and how to change the today's cell color?

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

  how-tojavascript

  Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.

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

  bugjavascriptlite

  Asked by Dan 4 years ago. 4 replies, last reply 4 years ago.

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

  how-tojavascriptcalendar

  Asked by Vahid 4 years ago. 1 reply, last reply 4 years ago.

• 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-tojavascript

  Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.

• 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', }, ]; const data = {}; Modal.form(form...

  how-tojavascript

  Asked by pushplata 4 years ago. 3 replies, last reply 4 years ago.

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

  how-tojavascript

  Asked by Vahid 4 years ago. 3 replies, last reply 4 years ago.

• Date wise Header but data rows breaks into two lines.

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

  how-toasp.netdaypilotscheduler

  Asked by praveen 4 years ago. 2 replies, last reply 4 years ago.

• 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-tojavascript

  Asked by Vahid 4 years ago. 1 reply, last reply 4 years ago.

• cell to into two lines or below the current line

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

  how-toasp.net

  Asked by praveen 4 years ago. 1 reply, last reply 4 years ago.

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

  how-tojavascript

  Asked by Vahid 4 years ago. 1 reply, last reply 4 years ago.

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

  how-tojavascript

  Asked by Vahid 4 years ago. 1 reply, last reply 4 years ago.

• 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-tojavascript

  Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.

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

  how-tojavascriptreact

  Asked by pushplata 4 years ago. 3 replies, last reply 4 years ago.

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

  how-tojavascript

  Asked by pushplata 4 years ago. 3 replies, last reply 4 years ago.

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

  how-tojavascriptreact

  Asked by Shruti Duggal 4 years ago. 13 replies, last reply 4 years ago.

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

  bugjavascript

  Asked by RogerHR 4 years ago. 1 reply, last reply 4 years ago.