Questions Tagged how-to

Answered: By default, cell properties customized using onBeforeCellRender are cached until a full update(). 1. If your cell content depends on the overlapping events you can simply turn the caching off: dp.bef...

Answered: The Calendar component now supports area.start and area.end properties for event active areas. These date/time values will be used to calculate the vertical position. It's available since version 201...

Answered: 1. There is a clientState property that lets you define custom state on the client side. That usually includes filtering criteria, such as user, event type, etc. You only need to set it on change on ...

Answered: Please take a look at the clientState/ClientState properties that I have suggested here: https://forums.daypilot.org/question/4794/how-can-i-update-the-view-after-changing-the-backendurl-pro See also...

Answered: Please see the height configuration options here: https://doc.daypilot.org/calendar/height/ The "BusinessHoursNoScroll" and "Full" values of HeightSpec will display the Calendar component without the...

Answered: You need to replace DayPilot.Web.Mvc.dll and daypilot-all.min.js files in your project with the ones from the full version zip file.

Answered: Unfortunately, it's not possible to update a single row at the moment. The full update ensures that the data and view are in sync and updating just a single row could have unwanted side effects and h...

Answered: You can add a custom constructor that will accept additional parameters: Action: public ActionResult Backend() { var userId = .... return new Dpc(userId).CallBack(this); } Dpc class: public class Dpc...

Answered: You can apply custom event sorting: https://doc.daypilot.org/scheduler/event-sorting/ Another option would be using a standalone row/resource which would define the position without additional tweaks.

Answered: You can change the culture/locale to "fr-fr" using DayPilot.Scheduler.locale property: https://api.daypilot.org/daypilot-scheduler-locale/

Answered: You can specify the event bubble content using "bubbleHtml" property. Assigning new DayPilot.Bubble() to dp.bubble is not necessary (it uses an empty Bubble object by default). Example: dp.events.lis...

Answered: It's possible to change the background color using CSS. 1. You can create a custom theme: https://themes.daypilot.org/scheduler/create 2. You can override the background color specified using the def...

Answered: Hi David, That's correct - the manual timeline can't be use in combination with the infinite scrolling. Since version 2019.3.3947, you can use onIncludeTimeCell to modify the cell width during automa...

Answered: The row double click is not enabled by default. If you enable it using rowDoubleClickHandling = "Enabled" you'll be able to use both single and double click event handlers: https://api.daypilot.org/d...

Answered: The docs is now updated with an example that shows how to assign an event-specific menu using onBeforeEventRender: https://doc.daypilot.org/scheduler/event-context-menu/ Please let me know if there i...

Answered: You might be able to display it in the upper-left corner (that's the only free space): https://doc.daypilot.org/scheduler/upper-left-corner/

Answered: Please see the following tutorial - it shows how to add a button to the row header using active areas: https://code.daypilot.org/79997/angular-scheduler-row-header-actions

Answered: Yes, but you need to do it on the client side: // scrollbar synchronization $(document).ready(function() { $(dp.nav.scroll).scroll(function() { dp2.nav.scroll.scrollLeft = dp.nav.scroll.scrollLeft; }...

Answered: You should be able to pass the event id to the modal dialog like this: <DayPilot:DayPilotScheduler ID="DayPilotScheduler1" runat="server" EventClickHandling="JavaScript" EventClickJavaScript="eventCl...

Answered: My colleague found a way: if (data.masterbook > 0) { args.async = true; // Moving booking series should be handled differently const { Modal } = SW.serviceLoader; const confirmAction = `${Resource.ge...

Answered: The cells defined using cellDuration (or other scale types as well) will always start at 00:00 and the start won't be affected by the businessBeginsHour property. In fact, businessBeginsHour works be...

Answered: This is correct, just make sure that BeforeEventRenderEventArgs is imported from the correct namespace (DayPilot.Web.Ui.Events.Scheduler). You can also specify it explicitly: protected void DayPilotS...

Answered: Yes, you can mark the cells in the past as disabled: https://doc.daypilot.org/scheduler/disabled-cells/

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/