Questions Tagged javascript
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 ...
DayPilot 4.3.0 with VueJS 3
Answered: Unfortunately, I’m not able to reproduce the issue. However, I recommend using the UI Builder app to generate a Vue project with the required boilerplate. It lets you download a configured component ...
Box with Dynamic Timing in DayPilot Scheduler
Answered: It is possible to insert custom time segments (phases) into an existing events: Event Phases [docs] You can also take a look at the following related tutorial: JavaScript Scheduler: Warm-Up and Cool-...
Frozens Rows
Answered: Unfortunately, this scenario is not supported. It’s not possible to modify the list of dragged events on the fly. You shouldn’t call update() in onEventMoving - it will break things.
Prevent multiple range inside of itself
Answered: The Scheduler respects the value of allowEventOverlap - if you set it to false, the overlaps will be forbidden.
Compilation error when running unit tests
Answered: This should be fixed now in the latest sandbox build (2025.3.6593). Please let me know if the problem persists.
Add .disposed() to DayPilot.Gantt/Calendar/Navigator
Answered: It’s now available in the latest sandbox build (2025.3.6591).
[Excel export] Cannot merge already merged cells
Answered: Hi Leo, Most likely, it‘s related to the row headers (number of columns, column titles…). You can also try posting the error stack trace.
Is there any option for pagination daypilot gantt chart
Is there any option for pagination daypilot angular gantt chart
Scheduler - Changing area's properties: html and bubble dynamically
Answered: Unfortunately, this is not possible - the areas can’t be changed dynamically. However, if you call update(), it will repaint the whole Scheduler, including the upper-left corner and its areas. When y...
CSP violation issues
Answered: The latest release (2025.3.6564) now detects the nonce used by scripts and stylesheets on the page and uses it when registering the built-in stylesheet. You shouldn’t see this error anymore. If you u...
Max and Min dates irrespective of view port
Answered: This data isn’t calculated for internal purposes. You will need to go through the events in events.list and calculate it directly from the data.
Scheduler: Cannot read properties of null (reading 'calendar')
Answered: Hi Leo, The error #2 should be fixed now. There was an issue with events located next to a disabled parent row (treePreventParentUsage: true) when you tried to move them into the disabled row and sta...
Is it possible to supply a default value for the "searchable" daypilot modal form
I would like to set an initial/default value when opening a form for a field with the type "searchable", is it possible? Matching by key from data object does not work
Display of events takes too long
Answered: By default, events are rendered progressively and there is a small debouncing delay that makes the scrolling smoother. You can either turn progressive rendering off using dynamicEventRendering or you...
Questions 1-30 of 2119
Next