Questions Tagged javascript
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...
React schedule Pro (trial) > Left pane's columns stop being scrollable with computer's pad when using Parent100Pct
Answered: This issue should be fixed now in the latest release (2025.3.6631). Please let me know if the problem persists.
React scheduler PRO (trial) crashes when there is link between off-screen items
Answered: This issue should be fixed now in the latest release (2025.3.6631).
Creating and execute
Answered: You will need a webserver with PHP enabled. For development purposes, you can run the project using the built-in PHP webserver: Linux: php -S 127.0.0.1:8090 -t /path/to/project Windows: php.exe -S lo...
Not able to add html to the row header
Answered: You can set a custom HTML for the row header using onBeforeRowHeaderRender like this: onBeforeRowHeaderRender: args => {
args.row.html = `<div style="font-weight:bold; margin-bottom:5px;">${args.r...
"onEventMouseEnter" and "onEventMouseLeave" hooks for the Calendar component
Answered: These events can be added but your scenario can be better handled using active areas. If you add active areas with visibility: "Hover" they will ony be displayed when you hover the event. By default,...
Scheduler - sticky active area for touch devices
Answered: Sorry for the delay! At this moment, the active areas with position defined using the left property are included in the floating event element. Areas relative to the right are not included in the vie...
2 Typescript types missing for the Calendar
Answered: The TypeScript definitions for these members are now available in the latest sandbox build (2025.3.6621). If there is any problem, please let me know.
Crosshair when Drag&Drop (2025)
Answered: The crosshair is now enabled during drag and drop in the Calendar in the latest sandbox build (2025.3.6634). The behavior is now consistent with the Scheduler.
DatePicker popup - 2 questions
Answered: The DayPilot.DatePicker class is now included in the TypeScript definitions in the latest sandbox build (2025.3.6620). Thanks for reporting the problem. To set a custom first day of the week, use the...
Implement pagination in gantt chart in angular using daypilot
I need to implement pagination in gantt chart in angular using daypilot for that i need to add a load more button. by clicking on the button need to trigger. I’m stick in a situation like how to add ...
Questions 1-30 of 2134
Next