search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged

Scheduler: issue with resources spanning multiple rows

I'm starting to use the Scheduler to display Events from multiple sources but the Events should not be displayed on a row depending on their source (resource). In other words, the minimum number of r...

React Scheduler > Scheduler automatically expands the children of the dragged

Answered: Hi Andy, By default, the Scheduler expands parents nodes automatically when you drag an event over them. You can disable this behavior using the treeAutoExpand property (set the value to false).

React Scheduler > How to make shadow of event while moving respects the event height, despite margin top of resource

I set a `marginTop` value for the resource row, which pushes down the event bars like so. What is the correct approach to make the shadow fits the shape of the event (ie: same as resizing shadow), in...

React Scheduler > Does onEventClick stop event propagation

Answered: Yes, it does.

Scheduler - Event disappears if start is not in viewport

Answered: I am using the default theme, I am just changing colours on the before render events. I have turned floating events off and it works fine for what I need.

React Scheduler > Centering event bar

Answered: Hi Andy, You are probably using rowMinHeight to set the row height. If there are no overlapping events, it is possible to center the event by replacing it with rowMarginTop and rowMarginBottom.

DayPilot.Bubble() does not hide automatically anymore

Answered: Hi Leo, This logic hasn’t changed recently. In the demo, it seems to work fine. There are two things to check: Setting the value to 0 disables hiding. If you want to use the shortest delay possible, ...

Cannot set properties of null (setting 'overlapping')

Answered: Hi Leo, This issue should be fixed now in the latest sandbox build (2025.4.6672). It was relatively harmless - it had no effect on the UI in most cases. You could reproduce it using Ctrl + click on a...

"dp.events.update(dpEvent)" sometimes redraw all Events on a Calendar

Answered: I close my browser, open it again and now it doesn’t flicker anymore! :-| I guess we’ll never know…

React Scheduler > `timeRangeSelectedHandling: 'Disabled` does not register click on timeline canvas

Answered: Hi Andy, The Scheduler handles the mousedown event and prevents it from bubbling if the timeRangeSelectedHandling is set to "Disabled". To hide the popover, you can handle the onGridMouseDown event. ...

React Scheduler > Control visibility of row move handle

Answered: Hi Andy, In the latest sandbox build (2025.4.6668), this can now be controlled using the new rowDragHandleVisibility property. The supported values are "Hover", "HoverVisible", and "TouchVisible". In...

Hidding an Event Bubble when scrolling a Calendar

Answered: The bubble hides if the cursor is moved outside of the source object and the bubble itself. I assume that in your scenario, the cursor stays inside but the calendar scrolls. Is that correct? The cont...

React Scheduler > Behaviour of `rowHeaderWidth`

Answered: Yes, this is by design.

DayPilot Pro for Javascript - Trial License 60 Day Limit

Answered: Yes, the standard trial period is 60 days. To ask for an extension, please contact sales@daypilot.org.

Click to create an event in inline edit mode instead of pop up modal?

Answered: Yes, this is possible - take a look at the inline event editing feature. It includes a sample onTimeRangeSelected handler that creates a new event using an inline edit box.

React Scheduler > Display splitter but disable splitter resizing

Answered: Hi Andy, In the latest sandbox build (2025.4.6665), this is now supported by the new rowHeaderResizing property (you need to set it to false).

navigator is not defined for next js application

Answered: Unfortunately, I’m not able to reproduce the issue with Next.js 14 and 15. With 'use client';, you should be able to import DayPilotScheduler in a standard way: import {DayPilot, DayPilotScheduler} f...

RTL is broken past v3.32.1

Answered: Calendar RTL compatibility is in the queue and it’s coming soon (within weeks). Just note that RTL will not be supported for the Scheduler in the near future - this is a much more complex issue than ...

React Scheduler > Uncaught Error when moving resource after collapse

Answered: The latest sandbox build (2025.3.6659) now supports rows.collapse() method and onRowMoveStart event. You can use them to implement this functionality: onRowMoveStart: args => { scheduler.rows.co...

How to detect the end of a row move session?

Answered: In the latest sandbox build (2025.3.6658), the Scheduler supports a new property (rowMoveFireOnForbiddenTarget) that lets you configure this.

Events incorrectly overlapping in Scheduler

Answered: In this particular case, it is by design: The overlaps are resolved on pixel level, not on time level. That is necessary for proper display. The Scheduler enforces a minimum width of 1 px for small e...

Recurring Events for DayPilot Javascript Pro

Answered: The recurrence needs to be implemented on the server side and the UI depends on the supported rules; that’s why this is not implemented in the JavaScript version.

15 and 20 minute events don't show up correctly on workweek view

Answered: Thanks. This happens because the calendar uses event boxes by default. In the JavaScript version, you can turn it off using useEventBoxes: "Never". BTW, it looks like some of your property names are ...

Setting the "cssClass" property on a Calendar Event

Answered: Yes, this is correct. Please note that the CSS class is applied at the top level (it is added to the div with calendar_default_event class). You can verify that using browser developer tools. If you ...

Load from file

Answered: Loading files this way doesn’t work on a local filesystem. That’s a browser security limitation. You will need to run the app on a webserver.

How to change language of calendar in modal form?

Answered: You can specify the locale option for the modal form: const showDialog = async () => { const form = [ { name: "Name", id: "name" }, // ... ]; const data = {}; const option...

Calendar: Allow external drag and drop but disable the moving feature for events on the Calendar?

Answered: Yes, this is possible. Keep the value of eventMoveHandling set to "Update". Disable moving for all events by setting moveDisabled: true on each event. This can be done using onBeforeEventRender: onBe...

Header groups for Calendar component and viewType: 'Days'

Answered: Unfortunately, this feature is only supported in the Pro version.

Scheduler shows different values than what being rendered by onBeforeTimeHeaderDomAdd

Answered: This can happen if the floating time headers are enabled (they are by default). The Scheduler isn’t aware of the custom component content and it uses the default HTML value for the floating divs. You...

[Excel export] Cannot merge already merged cells

Answered: Hi Leo, Thanks for the update. This issue should be fixed now in the latest sandbox build (2025.3.6647). Please let me know if the problem persists.
Questions 1-30 of 5249 Next