Active Questions

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: 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: 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: 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: Unfortunately, a custom external drop target is not supported at the moment. However, it is possible to drag events between to Scheduler instances. It would be possible to create a simplified instanc...

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"; ...

Answered: The Scheduler requires both the start and end dates of the event to be set. An empty value will be replaced by new DayPilot.Date() instance which represents the current time. In your case, it might b...

Answered: Hi Vane, It's now possible to drag external items (including files from desktop and items from other applications) to the Scheduler cells using the native HTML5 drag and drop API. Please see the foll...

Answered: This is the link to the DayPilot Pro demo: https://javascript.daypilot.org/demo/ And here you can find the DayPilot Lite demo: https://javascript.daypilot.org/demo/lite/ Your link points to the Pro v...

Answered: You can customize the event content using BeforeEventRender event handler (you can use it to customize the HTML, CSS class and other properties): https://doc.daypilot.org/scheduler/event-customizatio...

Answered: This is by design. Each event will be displayed as close to the top of the row as possible. If you want to make sure that the blue events are displayed at the same vertical position you'll need to ad...

Answered: I'm not sure if this is what you are looking for but the Navigator supports highlighting busy days (days with events) out of the box. You can supply the an array with events in the same format that i...

Answered: The preventDefault() method needs to be called in the main context (before the onEventResize handler exits). You are calling it in the callback method which is called later and it has no effect. The ...

Answered: It looks like if you set startDate using a string (not DayPilot.Date) in the config you may receive it in args.date unconverted. It's fixed now in the latest sandbox build (2019.2.3893). In previous ...

Answered: The latest sandbox build (2019.2.3891) now supports DayPilot.Calendar.events.forRange(start, end) method. It will return events from the specified range. var selectedEvents = dp.events.forRange("2019...

Answered: There was an issue with the row headers. There was an extra space below the rows that allowed scrolling to an invalid position. This extra space is only required on desktop to make space for the scro...

Answered: You can control the grid cell background color using BeforeCellRender event: https://doc.daypilot.org/scheduler/cell-customization/ However, for displaying dynamic data it might be better to use even...

Answered: When styling the Navigator (or any other component) there are two options: 1. Use a custom theme. You can create a theme using the online theme designer ( https://themes.daypilot.org/ ) or you can bu...