Active Questions

Answered: The Scheduler requires that the component is actually rendered during initialization. It creates a placeholder with ID starting with "dp_" which needs to be present. It looks like the accordion doesn...

Answered: The MVC version is designed to customize the rows on the server side (using DataItem and OnBeforeResHeaderRender) and at this moment there is no way to pass custom data to the client side.

Answered: The modal dialog tutorial was created some time ago - the DayPilot.Angular namespace has been deprecated meanwhile. An updated version of the tutorial is now available (it uses Angular 6 and DayPilot...

Answered: There are two ways to fix that: 1. Apply additional padding to the inner event div ("scheduler_default_event_inner" CSS class in the Scheduler) to prevent overlapping with the active area. 2. Set the...

Answered: If you are switching the date using an .update() call you can simply update the resources array ( https://api.daypilot.org/daypilot-scheduler-resources/ ) at the same time. It might be also possible ...

Answered: One option is to add custom CSS (using cell.cssClass) and create styles for all different combinations of classes (they are all applied at the same level): .scheduler_default_cell, .scheduler_default...

Answered: This bug should be fixed now in the latest sandbox build (2018.2.3291): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.

Answered: Javascript can't connect directly to a database, but it can request data from external pages, files. I use PHP, and a MS SQL database. I have created an API were I can request data for my scheduler, ...

Answered: There is now a new tutorial available that shows how to implement undo/redo for the JavaScript Scheduler component: https://code.daypilot.org/33599/javascript-scheduler-undo-redo

Answered: You can handle onEventRightClick event and use it to open your own context menu: dp.onEventRightClick = function(args) { args.preventDefault(); var e = args.e; // DayPilot.Event object // open the co...

Answered: You can customize the task text/HTML using onBeforeTaskRender: config: any = { onBeforeTaskRender: args => { args.data.box.html = args.data.text; // displays task text instead of percentage in the bo...

Answered: Hi Aliaa, Take a look at the following tutorial: https://code.daypilot.org/20663/html5-machine-production-job-scheduling-tutorial-php-mysql In "Creating a Follow-Up Job" section, it explains how to c...

Answered: Just use two placeholder divs and create a DayPilot.Gantt instance for each of them: <div id="gantt1"></div> <div id="gantt2"></div> <script> var gantt1 = new DayPilot.Gantt("gantt1"); // config .......

Answered: The latest DayPilot Pro version now supports column filtering API. See the following tutorial: https://code.daypilot.org/25430/javascript-resource-calendar-column-filtering You'll need version 2018.3...

Answered: This exception is part of the input data validation that was introduced recently. You should check if the events.list property holds correct items. It must be an array of objects which have the follo...

Answered: Sorry, it's ok. I didn't use the constructor to create my dp2.locale variable .! > dp2.locale = new DayPilot.Locale(jsonObj.data.settings[0].cultureInfo); Still thanks for the time you spent reading ...

Answered: The JavaScript config object would look like this: { eventClickHandling: "Select", onEventSelect: function(args) { OnEventClick(args.e); }, eventDoubleClickHandling: "Enabled" // it's disabled by def...