All Questions

How to drop event on external control

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

Adding A checkbox

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

Graphical Plan Display Issue

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

Sorting the Column Headers in Javascript

Answered: The new implementation is now available. Please see the following tutorial that shows how to sort the Scheduler rows by column data: https://code.daypilot.org/78411/javascript-scheduler-row-sorting-t...

EndDateSpec equivalent for Month control?

Hi, I've just discovered the incredibly useful 'EndDateSpec' setting that allow dates to appear inclusive of the end date for the Scheduler. Is there an equivalent setting for the Month control?

Dynamically update Navigator

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

Cell background color change

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

Where to put Custom CSS files

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

Calendar - List of all Events

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

Using Daypilot Calendar with RequireJS

Hi, We use RequireJS for bundling so we'd like to know how to go about doing this specifically for the calendar. We're using the lite daypilot-calendar-src.js source file, which looks like it makes u...

Navigator startDate

Answered: In order to show the previous and current months you can use the following config: var nav = new DayPilot.Navigator("nav"); nav.startDate = DayPilot.Date.today().addMonths(-1); nav.showMonths = 2; na...

scroll wheel vs. touch

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

How-To add some color to Calendar....

FYI- The Text for the Calendar control takes HTML... So, if you want some color to differentiate you can do something like... SELECT tblStudyTasks.study_task_id, task_start, task_end, CASE WHEN COUNT...

i can not delete or edite an appointment slot!

Answered: This project doesn't use any authentication. If you can't delete or edit the appointment from the modal dialog there is most likely a server side error (when calling the backend endpoint). You should...

Navigator vs. Calendar week shown in week-view

Answered: Mike, Thanks for the update! After checking the implementation it turned out that the Calendar used hardcoded Monday as the first day of week instead of reading the locale. It should be fixed now in ...

Deploy in nginx or apache 13278

Answered: The application consists of two parts: 1. The frontend part that is built using Angular will be compiled to a set of static files during build. You can deploy it to any web server that will serve 2. ...

Navigator past months / block future dates

Answered: Yes, this is possible. You can hook the onTimeRangeSelect event handler and forbid navigating to the selected dates. Please see the following tutorial: https://code.daypilot.org/88013/javascript-cale...

How to keep original dates when moving events

Answered: You can call args.preventDefault() in onEventMove (not onEventMoved) to cancel the moving action: https://api.daypilot.org/daypilot-scheduler-oneventmove/ It's also possible to use the built-in overl...

how to remove alert

Answered: The message pops up because you are using the trial version of DayPilot Pro which can only be used for testing. If you want to continue using DayPilot Pro you need to purchase a license: https://aspn...