Questions Tagged javascript
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...
[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.
How to access current column for onBeforeRowHeaderDomAdd?
Answered: Hi Andy, Yes, args.x is the column index. However, I recommend using onBeforeRowHeaderRender instead when possible (you can access the header cell properties using args.rows.columns[] there). The onB...
React scheduler PRO (trial) > Best practice for locking in visible dates
Answered: This is a good approach - take the width of the parent element and calculate the desired cellWidth before Scheduler initialization. The auto cell width feature uses the same approach. However, it has...
Gantt: Allow multiple tasks in one row
Answered: Hi Leo, The Gantt Chart doesn’t support multiple tasks in the same row. You’d have to use the Scheduler component for this. However, you can display the task as a single box and insert active areas w...
React schedule Pro (trial) > Disable/hide link one link dot for specific events
Answered: This can be added easily - I’ll let you know as soon as it is available.
React schedule Pro (trial) > Best practice for creating "bucket" cells in the timeline grid
Answered: Yes, this is an internal property and its name will change in the future. I would try to split the resources vertically using the split resources feature. It lets you define sub-resources for each re...
React scheduler PRO (trial) > Links between distant events
Answered: This is now implemented in the latest release (2025.3.6631). The links from rendered events to events outside of the timeline will be displayed as well. The invisible event needs to be loaded and the...
Questions 1-30 of 2144
Next