Questions Tagged how-to
How to skip a day of the week
Answered: I'm not sure if that's what you mean but it's possible to exclude the hidden time from the event duration when moving events using drag and drop: https://api.daypilot.org/daypilot-scheduler-eventmove...
Calendar Control not refreshing
Answered: Unfortunately, it's not clear from your example what could be wrong. I recommend starting with a working project from one of the tutorials, e.g. https://code.daypilot.org/18967/event-calendar-with-da...
Giving a custom color to a Calendar message in Angular
Answered: This was not implemented in the Calendar component but it's now available in the latest sandbox build (2021.1.4923):
this.calendar.control.message('Welcome', {delay: 5000, cssClass: 'welcome-msg'})...
Check empty resource free
Answered: You need to go through the events in a row to find the free slots. See also the following tutorial: https://code.daypilot.org/94263/javascript-scheduler-find-next-free-slot
Add menu item to context menu on scheduler
Answered: This should work fine - I recommend checking if your Page_Init() method is being called properly. If it is, you might be overwriting the menu items somewhere else.
Total hour by Employee by tasks
El total que me da por empleado, no es correct. Estoy utilizando una prueba de Scheduler y no suma los minitos correctaente, me ma menos.
Hide ContextMenu item based on logged user
Answered: You can define the context menu items dynamically in code behind in ASP.NET - use the Items property of the DayPilotMenu object.
How to get id of newly created event?
Answered: You need to return the ID of the new event from the server after saving the new record in the database. Then you can add the event to the Scheduler using events.add(). Please take a look at the follo...
How to use 'DayPilot Pro for JavaScript (Web Start)' License for Dev/Test/Prod Environments
Answered: When deploying the application to auto-scaling Azure App Services it's necessary to use a multi-server license. Also, it is necessary to have a license for all people (developers, testers, etc.) who ...
Blank gap in printable version
Answered: Browsers try to simplify the output during printing which makes the result unreliable. However, the Calendar is able to export an image which you can insert into a PDF file. Please see the following ...
Scroll to resource issue in DayPilot 2020.3.4610
Answered: Unfortunately, it's not possible to predict how the row height changes before the data are loaded. You can either make sure that the event row heights are the same (forbid overlapping events, group c...
Gantt chart
Answered: There are two versions of DayPilot for ASP.NET WebForms DayPilot Lite for ASP.NET WebForms (open-source) https://aspnet.daypilot.org/open-source/ DayPilot Pro for ASP.NET WebForms (commercial) https:...
How to stop scheduler overspilling parent when have an expanding header
Answered: The changes of the parent height are not watched dynamically. It's only recalculated if the window is resized. You can invoke a manual recalculation by calling show() after the header height is chang...
Hebrew calendar - from right to left
Answered: Yes, this is possible: https://aspnet.daypilot.org/demo/Calendar/RTL.aspx
Resource Tree cell clickable
Answered: Yes, you can do it using onRowClick handler:
dp.onRowClick = function(args) { args.row.toggle(); };
Is it possible to change hour height on defined time slots?
Answered: Unfortunately, this is not possible in the Calendar at the moment.
onBeforeCellRender not getting called upon update()
Answered: If you execute full update() the onBeforeCellRender will always be called. If you call partial update(), e.g. by specifying events only:
dp.update({events: [ ... ]});
then a cached result of onBe...
How to implement recurrent events in Javascript version with spring boot
Answered: The JavaScript version requires the individual event instances to be passed to the component. So handling the recurrence is fully in you hands (on the server side). You'd have to store the rule with ...
Programmatically Change DayPilotNavigator
Answered: I'm not sure if that's what you are looking for but you can set the initially-selected date using DayPilotNavigatorConfig.SelectionStart property.
Change the starting hour and ending hour of Scheduler?
Answered: Yes, this is possible. Please see the documentation for more details: https://doc.daypilot.org/scheduler/hiding-non-business-hours/
Calendar hover color remains active when moving mouse between calendars
Answered: Hi Dave, This issue should be fixed now in the latest sandbox build (2021.1.3780): https://aspnet.daypilot.org/sandbox/ Please let me know if the problem persists.
Event calendar scrolling on event draw/resize/move
Answered: Unfortunately, this is feature is not available in the Calendar at the moment.
How to make event in disabled Cell clickable
Answered: You can add moveDisabled and resizeDisabled properties to the event data object. This will forbid drag operations but the onEventClick event handler will still be fired for such events:
dp.events.l...
Add event listener on holiday marked cells
Answered: You can display a custom text/html using a cell bubble if you add this to the config:
var dp = new DayPilot.Scheduler("dp", {
// ...
cellBubble: new DayPilot.Bubble({
onLoad: funct...
Resize only one side of event
Answered: Yes: You need to disable resizing using eventResizeHandling="Disabled" (https://api.daypilot.org/daypilot-scheduler-eventresizehandling/) and add an active area at the end with action: "ResizeEnd". T...
Scheduler - hide parent resources when filtering
Answered: In the latest sandbox build (2021.1.4830), you can now control this using "rowFilterParentsAlwaysVisible" property. The default value is true but if you set it to false it will hide parents that don'...
Property 'makeDraggable' does not exist on type 'typeof Calendar'.
Answered: The DayPilot.Calendar.makeDraggable() method was missing in the TypeScript definitions. It's now added in the latest sandbox build (2021.1.4829). As a workaround, you can cast the DayPilot object to ...
Insert gap between multiple stacked events to ensure good user readibility
Answered: You can use eventMarginBottom property to specify the space between events: https://api.daypilot.org/daypilot-scheduler-eventmarginbottom/ Please note that in the current release, it's incorrectly ap...
Add Resources Afterwards
Answered: To add resources you need to modify the resources[] array and call update():
dp.resources.push({name: "New resource 1", id: "NR1"});
dp.resources.push({name: "New resource 2", id: "NR2"});
dp.upd...