Questions Tagged how-to

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

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

Answered: Yes, this is possible: https://aspnet.daypilot.org/demo/Calendar/RTL.aspx

Answered: Yes, you can do it using onRowClick handler: dp.onRowClick = function(args) { args.row.toggle(); };

Answered: Unfortunately, this is not possible in the Calendar at the moment.

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

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

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.

Answered: Yes, this is possible. Please see the documentation for more details: https://doc.daypilot.org/scheduler/hiding-non-business-hours/

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.

Answered: Unfortunately, this is feature is not available in the Calendar at the moment.

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

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: function(args) { console...

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

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

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

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

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

Answered: The bubble is available in DayPilot Pro (paid version) but not in DayPilot Lite (open-source version). You can get an evaluation version of DayPilot Pro here: https://aspnet.daypilot.org/try/

Answered: For an example of <DayPilotBubble> usage please see the following demo: https://aspnet.daypilot.org/demo/Calendar/EventBubble.aspx The source code of the demo is in Demo/Calendar.EventBubble.aspx fil...

Answered: I already found the problem, I changed the class name for event bubble using this: bubble: new DayPilot.Bubble({ theme: "bubble_event_main", }), Thank you.

Answered: The onAfterRender event handler is not a good place to do this. It's only fired if the whole Scheduler is updated. If you want to customize the grid cell elements you should use onAfterCellRender ins...

Answered: Unfortunately, this tutorial is not available for Spring Boot at this moment. To see how the Calendar and Scheduler components can be used with Spring Boot backend, please see the following tutorials...

Answered: Yes, the latest release (2020.4.4807) works with any Angular version (since Angular 2).

Answered: 1. You can update a single row using rows.update(): https://api.daypilot.org/daypilot-scheduler-rows-update/ 2. It's also possible to change HTML of a specific row header column directly using DayPil...

Answered: You'll need to upgrade your DayPilot Pro version.

Answered: The full crosshair is now fully supported in combination with frozen rows in the latest sandbox build (since 2020.4.4811).

Answered: At this moment, no. The keyboard access has no API yet. It will be introduced soon and it will include an option to add custom key mappings.