Answered: There are two options: 1. You can use onBeforeEventRender to assing a custom bubble HTML to each event: { onBeforeEventRender: args => { args.data.bubbleHtml = `my bubble HTML`; }, // ... } 2. You ca...
Answered: Thymeleaf can’t be used this way. I recommend loading the server-generated data using a special HTTP call. It could look like this: const {data} = await DayPilot.Http.get(`/get/my/options`); const fo...
Answered: In the onEventClick and onEventClicked events, you can access the original event as args.originalEvent . Using the original event object, you can check if the source was a touch event: onEventClick: ...
Answered: There are two options: You can mark the unavailable parts of the timeline as disabled (see Disabled cells in the Scheduler , Disabled cells in the Calendar ). If the available slots have a fixed dura...
Answered: The resource bubble receive a simplified resource object with basic information only. However, you can use it to load the full DayPilot.Row object like this: resourceBubble: new DayPilot.Bubble({ onL...
Answered: If you don’t specify the field type explicitly, the modal dialog form will use a date field when dateFormat is specified. If you want to use the full date/time value I recommend using the date/time f...
Answered: You can use a separator to display the current time indicator in the Angular Scheduler component: config: DayPilot.SchedulerConfig = { separators: [ { location: DayPilot.Date.now(), color: "red" } ],...
Answered: I recommend the following approach: For the database, use GMT value. Assign the desired time zone to each user. When sending the data from the server (when displaying data) or to the server (recordin...
Answered: > Any possibility to show the current timeline or highlight the current cell duration with different background in lite version? This is not supported in the Lite version at the moment. In the Pro ve...
Answered: The events are always rendered at locations specified by start/end. To show the event start at noon you need to specify the time as 12:00 ("2024-0307T12:00:00"). To align the event start/end during d...
Answered: > 1) On the new release, i can’t actually select a cell using left click. This was a nice nice-to-have since and now if i want to see a selected cell i have to click right. What can i do? There has b...
Answered: We don’t plan to add a vertical scrollbar support to the frozen rows in the Scheduler. If you want to display two independently scrolling row sections, I recommend using two Scheduler instances, like...
Answered: When resizing the inner section, you need to adjust the args.start and args.end values in the onEventResizing event handler. This is explained in the following tutorial: JavaScript Scheduler: Warm-Up...
Answered: You can find an example in the documentation, Event Moving page (expand the ASP.NET WebForms section to see it): <DayPilot:DayPilotScheduler runat="server" id="DayPilotScheduler1" ... ClientObjectNam...
Answered: After changing the holiday definitions ( globalHolidays ), you need to call the update() method to refresh the Scheduler. This will generate a new time header (using onBeforeTimeHeaderRender ). Also,...
Answered: Unfortunately, the real-time event overlap protection is not supported in the Lite version at the moment. It is only available in the Pro version (see also the feature matrix ). However, you can chec...
Answered: If you want to disable Scheduler cells for drag and drop operations, it is necessary to mark them as disabled in the onBeforeCellRender event handler. The unavailable property of resources is not a s...