Questions Tagged javascript
Export Issue In RTL
Hello Team, I sent a bug report a few months ago. That was export issue in RTL direction. I just want to confirm, Have your team implemented this feature in RTL? As mentioned in the previous reply. P...
React Scheduler > Difficulty with applying css on row header background and rowmove handle
Answered: It looks like this CSS works for me, so the problem might be somewhere else. You can try turning off your custom JSX temporarily to see if that causes the issue. .scheduler_default_rowheader:hover {
...
Scheduler: issue with resources spanning multiple rows
Answered: These two things don’t seem to work correctly in your setup: 1. Coloring the cells All cells in a column should be colored correctly with this event handler: onBeforeCellRender: (args) => {
if (ar...
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
Answered: Hi Andy, In the latest sandbox build (2025.4.6701), it is now possible to set a custom shadow height in onEventMoving using args.height (in pixels).
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...
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...
Questions 1-30 of 2151
Next