Questions Tagged how-to

Answered: After you create the new event in newcalevent.php, you need to send the event details (including the id) back to the main page using DayPilot.Modal.close(): var eventdata = { id: ..., start: ... // ....

Answered: It looks like the reference requires a specific dll version. You should try to remove the reference to DayPilot.dll and re-add it. Also, don't forget to rebuild the solution.

Answered: The SchedulerConfig.contextMenuLink property is now supported in the latest version: https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-4-4153/

Answered: This should be fixed now in the latest sandbox build (2019.4.4154). The tutorial project uses an untyped config object so you can use this approach as a workaround: config: any = { // ... }

Answered: Looks like I continue to find my own solutions. :) That's a good thing. Here's the missing code that I found to assist me. var e = dp.events.find(args.e.id()); dp.events.remove(e);

Answered: When the users selects a time range the Scheduler fires the onTimeRangeSelected event: onTimeRangeSelected: args => { this.create.show(args); } You can modify the event handler to use your own modal ...

Answered: I found the answer. using event.find

Answered: It looks like you are using the ASP.NET syntax. In JavaScript, the property name is "moveDisabled". dp.onBeforeEventRender = function(args) { args.data.moveDisabled = true; }; See also: https://doc.d...

Answered: If you need to update two controls at once in ASP.NET WebForms, there are two options: 1. You can place both controls in an UpdatePanel and use PostBack event handling. In the event handler, you will...

Answered: The current task tree state is available in tasks.list: https://api.daypilot.org/daypilot-gantt-tasks-list/ Whenever a task is changed on the client side this array is updated so it always has up-to-...

Answered: You can take a look at the main MVC Scheduler demo: https://mvc.daypilot.org/demo/Scheduler/ It includes Next/Previous buttons which use commandCallBack() method to invoke Command event on the server...

Answered: This was a regression that should be fixed now in the latest build (2019.4.4124+). Please let me know if the problem persists.

Answered: Yes, you can do that using onBeforeEventRender event handler. Please take a look at the examples in the docs (the following link is for the Scheduler): https://doc.daypilot.org/scheduler/event-custom...

Answered: The values should be numbers, not strings: nav.titleHeight = 20; nav.dayHeaderHeight = 20; // and dp.headerHeight = 20; dp.allDayEventHeight = 20; Let me know if it didn't help.

Answered: In version 2019.2.3871, the default values of the following properties were changed from 20 to 30: cellWidth, cellHeight, dayHeaderHeight, titleHeight You can use the old values to make the Navigator...

Answered: The onEventMoving event handler now supports args.left.height and args.right.height in the latest sandbox build (2019.4.4123): https://javascript.daypilot.org/sandbox/ Please let me know if it doesn'...

Answered: Only the Scheduler component can display multiple events/task in the same row. But it supports event links as well: https://javascript.daypilot.org/demo/scheduler/eventlinks.html

Answered: It's possible to use events.forRange() method. It's now included in the API docs as well: https://api.daypilot.org/daypilot-scheduler-events-forrange/

Answered: Hi Vane, The latest sandbox build (2019.4.4122) now supports onLinkClick and onLinkClicked events. https://javascript.daypilot.org/sandbox/ It will let you implement this logic but it will also requi...

Answered: If you change the config.scale value in the button onClick handler the change will be detected and applied automatically. You can also check the following tutorial which shows how to apply different ...

Answered: It's possible to create a time range selection using the API - use selectTimeRange() method: https://api.daypilot.org/daypilot-scheduler-selecttimerange/

Answered: You can use dayBeginsHour and dayEndsHour properties, please see an example here: https://doc.daypilot.org/calendar/overnight-scheduling/

Answered: You can use your own button and add a new record to config.tasks property (Angular will detect the change) or you can use the direct API tasks.add() method: https://api.daypilot.org/daypilot-gantt-ta...

Answered: Unfortunately, DayPilot is an JavaScript/HTML5 component and it only works in a browser.

Answered: Unfortunately it's not possible to use custom grouping of the time headers. Only the predefined values are available (see https://doc.daypilot.org/scheduler/time-header-groups/ ). If you want to show...