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 Scheduler will apply "scheduler_default_selected" CSS class to the selected event (for the default theme). The default CSS looks like this: .scheduler_default_selected .scheduler_default_event_in...
I have an angular5-app, based on your demos, and switched to the viewtype="Days". Event-Moving is working, however, during the move the event is not shown. Here my config: config: any = { locale: "de...
Hi Is it possible to have onRectangleEventSelect + multiSelectRectangle: 'Row' and do selections on events instead of selections snapping to cellDuration, I noticed that when using "Free" selections ...
Hi, I'm using daypilot for web forms. How can I use showAfter property in DayPilot.Bubble. I set 2000 (ms) to test but when I hover on cell, its does not wait 2 seconds. I need configure something mo...
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: 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...
Hello, I need some help makeDraggable(). I want to drop an external item on a picture(trashcan) to remove the item and trigger a function. What is the bestpractice. function makeDraggable() { var par...
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...
Answered: Sorry for the delay! What exactly do you mean by the "shadow"? Is that the semi-transparent div that indicates the target position during drag and drop? You can modify the appearance using CSS (creat...
Answered: The JavaScript version of DayPilot (which includes the Angular plugin) doesn't include recurrence support. It's a client-side technology and the recurrence has to be implemented on the server side. H...
Answered: Are you able to reproduce the problem in the online demo? https://aspnet.daypilot.org/demo/Month/ It seems to to work fine for me. It only activates event moving when I move the mouse at least a bit....
Answered: Please take a look at the following tutorial: https://code.daypilot.org/29513/angular-2-scheduler-modal-dialog-for-event-editing It shows how to create a customized modal dialog for editing event det...
Answered: Found the eventhandler... https://api.daypilot.org/daypilot-scheduler-onbeforerowheaderexport/ I would delete this post if I was able to :-) Thanks for making DayPilot great!
Answered: This happens because the "args" object has been extended with new properties (including a reference to DayPilot.Scheduler instance) and it can't be serialized using JSON.stringify() anymore. It's nec...
Answered: Please note that HTML is not supported during image export: https://doc.daypilot.org/scheduler/client-side-export/ You can supply alternative text using onBeforeCellExport event (args.text): https://...
I seem to have found a bug in the DayPilot ASP.NET control. I believe that I am having the same issue described here: https://forums.daypilot.org/Topic.aspx/2460/business-hours-7-days-a-week-weekends...
Answered: You can change the crosshair appearance using CSS. The default built-in theme ("scheduler_default") uses the following CSS: .scheduler_default_crosshair_vertical, .scheduler_default_crosshair_horizon...
Answered: DayPilot Pro includes a Navigator component that can be used as a full-size date picker: https://aspnet.daypilot.org/demo/Calendar/Navigator.aspx or as a popup: https://aspnet.daypilot.org/demo/Calen...
Answered: Time range double click is disabled by default. You need to enable it first using timeRangeDoubleClickHandling property: https://doc.daypilot.org/scheduler/time-range-double-click/ Let me know if it ...
Answered: You can pass custom data to Update() method on the server side. This data will be available in the client-side AfterRender event handler (AfterRenderJavaScript property): See also: https://doc.daypil...
Answered: You can reload the page by calling document.location.reload() in the onClosed event handler: var modal = new DayPilot.Modal({ onClosed: function(args) { // ... document.location.reload(); }, // ... }...
Answered: The first day of week is determined by the Calendar locale. The default locale is "en-us" which uses Sunday as the first day of week. You can switch to one of the predefined locales ( https://api.day...
Answered: It looks like you'll need to enable SQLite PDO driver in php.ini config file (it's not enabled by default): Windows: [PHP] ; ... extension=php_pdo_sqlite.dll ; ... Linux: [PHP] ; ... extension=php_pd...
Answered: By default all nodes in the Gantt chart are expanded. You can override it for each node (task) by setting task.row.collapsed = true: dp.tasks.list = [ { id: 1 start: "2018-01-01T09:00:00", end: "2018...
DayPilot