All Questions

Answered: The visibility of cells can't be specific to columns. However, there are two options (depending on the required logic): 1. You can mark specific cells as disabled which will make then unavailable for...

Answered: Yes, this is a trial version. The trial period is 60 days. If you want to use it after the trial period you need to purchase a license: https://javascript.daypilot.org/buy/

Answered: Never mind, solved it with the following: for (let i = 0; i < this.bookings.length; i++) { const drag = document.getElementById(`clipboardBooking${i}`); if (drag) { drag.setAttribute("draggable", fal...

Answered: Hi Vane, Unfortunately there is no built-in way to do this using a simple switch. There are couple of options that may help, depending on your scenario: 1. You can define custom sort order for overla...

Answered: To display the customized timeline it's necessary to call loadTimeline() before init(). In the attached project, you can find this call on line 154 (index.php). If the model used in the tutorial does...

Answered: You can set the inner HTML of the target position indicator using onEventMoving event handler - just set args.html as needed: https://api.daypilot.org/daypilot-scheduler-oneventmoving/

Answered: Have you tried the attached project? It seems to work fine. You may want to check that the CSS import works correctly and that you are using the latest DayPilot.Modal version from https://code.daypil...

Answered: In the Lite (open-source) version this is not supported but in the Pro version you can set the behavior using useEventBoxes property. Please see more here: https://doc.daypilot.org/calendar/exact-eve...

Answered: I solved the Problem. The script was saved in the cache, so I just had to delete it. Now it works fine.

Answered: Please see the following tutorial that explains how to display a bubble with custom content (defined as static HTML, dynamic HTML loaded from the server, and as an Angular component): https://code.da...

Answered: Please see the answer here: https://forums.daypilot.org/question/4729/add-popover-on-click-of-event-on-schedule-calendar-js-angul

Answered: Yes, it's been in the queue for some time already. Before it's implemented, the following approach might work: Instead of dragging the whole event, you can insert a custom element into the event that...

Answered: The events.update() method is the right tool. It only reloads the event in the UI. It doesn't send anything to the server. In the server-based versions (ASP.NET MVC, ASP.NET WebForms, Java), it's pos...

Answered: You can find the event using events.find() method: https://api.daypilot.org/daypilot-scheduler-events-find/ The original data object is accessible as e.data, so the tags can be accessed as e.data.tag...

Answered: Unfortunately, the bubble for event links is not implemented at the moment.

Answered: I recommend exploring the downloadable project, it's a complete implementation of the sample application, including database connection.

Answered: You can mark the cells in the past as "disabled" which will prevent drag and drop operations: https://doc.daypilot.org/calendar/disabled-cells/ See also the following tutorial (JavaScript): https://c...

Answered: Normally, you only use forms when editing details of a single event using a modal dialog or in a standalone page. When working with the Scheduler, every change is usually submitted immediately using ...

Answered: The date calculations shouldn't be affected by the system timezone because all internal calculations are done using the UTC base of the dates. It is however affected by the format you use to specify ...

Answered: DayPilot includes a built-in callout named "bubble". See more here: https://doc.daypilot.org/calendar/event-bubble/ You can map it to event click action by setting eventClickHandling config property ...

Answered: For the double click you should use: eventDoubleClickHandling: "Enabled", onEventDoubleClick: function(args) { // open modal here, event details are in args.e } The context menu item should look like...

Answered: Yes, it's possible. Just use the "icon" property to specify the CSS classes: var dp = new DayPilot.Scheduler("dp", { // ... contextMenu: new DayPilot.Menu({ items: [ { text: "User details...", icon: ...

Answered: Hi Scott, The e.DataItem property is only initialized if you call DataBind(). Calling DataBind() is not necessary during callbacks/postbacks because the events are reloaded from the ViewState. Howeve...

Answered: Hi Gert, The DayPilotModule class is decorated with @NgModule (the decorators are not visible in the daypilot-angular.min.d.ts file - they get compiled to daypilot-angular.min.metadata.json). DayPilo...

Answered: Unfortunately, customization of the additional events that are moved during multi-moving is not possible at the moment. It's in the queue but I'm not able to provide the availability date now.

Answered: The tutorial text is now updated to include these methods as well: https://code.daypilot.org/69614/scheduler-pdf-export-asp-net-c-vb-sql-server You can also find it in the downloadable project - that...

Answered: There are two options: 1. You can set the context menu using "contextMenu" property in onBeforeEventRender: var menu1 = new DayPilot.Menu({ ... }); var menu2 = new DayPilot.Menu({ ... }); // ... dp.o...

Answered: You can add a custom CSS class to the event using cssClass property of the data object: // e is the DayPilot.Event object // dp is the DayPilot.Scheduler object e.data.cssClass = "semi-transparent"; ...