All Questions

Answered: You can use active areas to insert blocks with custom start/end inside cells. You can find an example here (this tutorial shows how to block selected time ranges): JavaScript Scheduler: Disabling Cus...

Answered: You will see this error if the Calendar component isn’t visible when calling exportAs() . That can happen if the placeholder <div> is placed inside a hidden element, for example.

Answered: Sorry for the delay! This is hard to guess, but probably it’s some custom CSS. You can try turing the global CSS of temporarily to see if the problem disappears and use browser developer tools to ins...

Answered: Unfortunately, RTL direction is not supported in the Scheduler at the moment.

Answered: This should be fixed now in the latest sandbox build (2025.1.6374). Please let me know if the problem persists.

Answered: The vertical position of the modal dialog can be set using the top property. By default, it is set to 20 (pixels). You can increase it as needed. The background elements appear above the modal dialog...

Answered: 1. The default linkLayer value is set to "Above" and you can see this behavior in the Links demo as well. Instead of using z-index , it uses the two different layers that are inserted into the DOM in...

Answered: The recurrence needs to be handled on the server side. You need to supply the expanded occurrences to the calendar as part of the dataset. Most likely, you will want to show an icon indicating that t...

Answered: I assume that you mean the feature that lets you skip non-business hours during event moving . This adjustment is only applied during event moving and not to the data source. The Scheduler assumes th...

Answered: You can find an example in the following demo: Group Concurrent Events (Demo) It shows how to add an expand/collapse icon to the row headers using the onBeforeRowHeaderRender event handler.

Answered: During export, the Calendar sometimes isn’t able to read custom CSS. That’s why you see white text on white background. The formatting issues can be handled using the export customization event handl...

Answered: Unfortunately, that is not possible. Events are arranged in horizontal lines inside rows (see also Event placement strategies ) and the line height is determined by the event height. It is possible t...

Answered: The properties you are using are not correct. There are two options: You can change the business hours (business hours affect the viewport height in the default config - see also Height ) using busin...

Answered: This should be fixed now in the latest sandbox build (2025.1.6343).

Answered: The best way would probably be to add the nested events as active areas inside events. The position of active areas can be specified in pixels ( top / bottom / height properties) or you can replace t...

Answered: I assume that you are referring to this issue . It has been fixed in the latest sandbox build (i.e. 2025.1.6339+). You can download the latest build in the sandbox . The next official release that wi...

Answered: Update: The Weeks mode is fully supported by the server-side image export so you can export individual weeks by setting ViewType to Weeks (DayPilot.Web.Ui.Enums.Month.ViewTypeEnum.Weeks), Weeks to 1 ...

Answered: This was caused by a bug in the AutoScroll feature. The problem should be fixed now in the latest sandbox build (2025.1.6339).

Answered: This bug should be fixed now in the latest sandbox build (2025.1.6338). For now, a range that spans multiple rows will be limited to the first row when added using multirange.add() .

Answered: To scroll to the specified row, you can use the scrollToResource() method.

Answered: Unfortunately, this is not supported. However, if the problem is that the bottom scrollbar is not accessible without scrolling, I recommend checking the heightSpec property which lets you set the hei...

Answered: By default, the exportAs() method includes the current viewport in the exported image. You can use the area property of the options parameter to include the full timeline ( area: "full" ) or a manual...

Answered: The easiest way is to use a locale for which the timeFormat property is set to "Clock24Hours" . You can also customize individual properties directly - see localization in the docs.

Answered: The open-source version doesn’t support all functionality on touch devices at the moment. For example, you can click a time slot to select it but you can’t select multiple cells by dragging. The full...

Answered: Please take a look at the following tutorial, which uses onTimeRangeSelecting , onEventMoving and onEventResizing to disable custom time segments (that do not correspond to whole cells): JavaScript S...

Answered: Unfortunately, the doctor appointment reservation tutorial is not available for Angular + ASP.NET Core at the moment.

Answered: The duration of the time slots in the open-source edition is fixed and is set to 30 minutes in the current version. You can display 45-minute events in the calendar, but the event box will be aligned...

Answered: It the open-source version, the event box is always aligned with the grid cells. In the Pro version, it is possible to turn off this behavior (see exact event duration ). The real start and end is hi...

Answered: If you want to wait for the result of an HTTP request, you need to cancel the default action using args.preventDefault() and delete the event manually using event.remove() method when the HTTP reques...

Answered: These events are fired for the current selection (the one you click), but you can always get all selected time ranges using the multiselect.get() method. Please let me know if this is not what you ar...