Questions Tagged how-to

Answered: Please take a look at this docs topic: https://doc.daypilot.org/scheduler/event-creating/ The resource id is available in the TimeRangeSelected event handler (e.Resource on the server side, "resource...

Answered: You need to target ":host ::ng-deep" to the CSS selector: styles: [' :host ::ng-deep .test { font-weight: bold; } '], This style will be translated to something like this: [_nghost-c1] .test { font-w...

Answered: You can use dp.heightSpec = "Parent100Pct" to set the Gantt height to 100% of the parent element. Just make sure that the parent height is set explicitly (either using "height" style or using "top"/"...

Answered: First, you need to disable the built-in icon by removing eventDeleteHandling: "Update" from the config. Then you can add your own icon using an active area. See also: https://doc.daypilot.org/schedul...

Answered: Please see my answer here: https://forums.daypilot.org/Topic.aspx/4185/change-the-position-of-createevent

Answered: Unfortunately not. The current implementation of the modal dialog (the Angular version) doesn't support customization of the position. It's always fixed at the top, with the height set automatically ...

Answered: You can use onShow event handler of the context menu to adjust the menu items on the fly. Please take a look at the following sample project: https://code.daypilot.org/50232/angular-scheduler-dynamic...

Answered: You can get a list of all selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/ let events = this.scheduler.control.mul...

Answered: If you don't need to result to continue you can simply open the dialog right away. Don't open the dialog from the response callback. Instead of this: this.http.get("/api").subscribe(result => { this....

Answered: It looks like you have used DayPilot Pro (the paid version) in your project. 1. You can use DayPilot Lite (open-source) instead - but it doesn't include all Pro features: https://javascript.daypilot....

Answered: By default the Scheduler width is set to 100% - that means it will change for different browser window widths. The auto cell width mode ( https://doc.daypilot.org/scheduler/auto-cell-width/ ) calcula...

Answered: Unfortunately not directly. You might be able to generate HTML for your ASP.NET controls using RenderControl() and insert the result into the column cells using BeforeResHeaderRender: https://harouny...

Answered: The Scheduler supports touch devices. Please see the following docs page: https://doc.daypilot.org/scheduler/touch-devices/ In the default configuration, it supports event creating, event moving (tap...

Answered: Please see the following docs topic for Scheduler scrolling performance tuning options: https://doc.daypilot.org/scheduler/scrolling-performance/ It's necessary to keep the total DOM size as small as...

Answered: You can get a list of selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/ You can call this method in the onClick eve...

Answered: Please take a look at eventEndSpec property: https://doc.daypilot.org/scheduler/event-end-date-time/ You can also customize the tooltip HTML directly using onTimeRangeSelecting event handler (args.ri...

Answered: The initial scrollbar position is set to the hour of day defined using businessBeginsHour. You can also set a custom position using scrollToHour() method: https://api.daypilot.org/daypilot-calendar-s...

Answered: The latest version of DayPilot Lite exposes "start" and "end" variables (DayPilot.Date object). The string replacements ("{0}") are no longer applicable. You can use the following TimeRangeSelectedJa...

Answered: The Tennis court tutorial ( https://code.daypilot.org/11478/html5-tennis-court-reservation-php-javascript ) stores the data in a SQLite database that is created automatically when you start the appli...

Answered: The tutorial project uses a trial version which is limited to evaluation purposes. If you decide to use it you'll need to purchase a license. The full version comes without the DEMO label: https://ja...

Answered: Maybe just a typo, it should be "locale": dp.locale = "fi-fi"; See also: https://api.daypilot.org/daypilot-calendar-locale/

Answered: You can define the event handlers directly on the DayPilot.Scheduler object (which is available as DayPilotComponent.control). Just note that DayPilotComponent.control is not available before AfterVi...

Answered: At this moment the tutorial project doesn't include the user interface to change the court names. You'd have to add it or you can also modify the database directly. The sample SQLite database is gene...

Answered: You can customize the event appearance (including the HTML content) using onBeforeEventRender event handler: https://doc.daypilot.org/scheduler/event-customization/ Another option is to display a cal...