All Questions

Answered: This bug should be fixed now in the latest sandbox build (2022.1.5232): https://release.daypilot.org/changes/js/ Please let me know if there is any problem.

Answered: 1. Yes, the active areas are rendered on top of the event and it covers the text. The solution here would be to render the text in a special active area that is rendered last (they are rendered in th...

Answered: The event content div (*_event_inner) uses "display: flex" which prevents "text-align: center" from working. You will need to use "justify-content: center;" instead. It has to be set on the inner div...

Answered: By default, the state of all Gantt chart groups is set to "expanded". You can keep the children collapsed by setting Expanded = false when loading tasks.

Answered: It looks like you are using the open-source Lite version which includes only a subset of features. The scrollToHour() and message() methods are only available in the Pro version at the moment. See al...

Answered: I recommend checking the HTTP requests using the browser developers tools, Network tab. You will see which requests fail and the responses will include an error message which may provide a hint. Most...

Answered: This is a divider between row headers and the main Scheduler grid. At this moment, it is always resizable when you enable row header scrolling: https://api.daypilot.org/daypilot-scheduler-rowheadersc...

Answered: You can set custom row height using minHeight property ( https://api.daypilot.org/daypilot-scheduler-resources/ ). However, it doesn't calculate the value automatically. In order to avoid the white s...

Answered: The width auto-fit feature works with row header columns as well, but the width is calculated for the content cells (not for the column titles).

Answered: The built-in zoom system (see the tutorial at https://code.daypilot.org/32893/javascript-scheduler-zoom ) lets you specify the values either statically or using a function. If you use a function you ...

Answered: To learn how to use the Scheduler component with Node.js please see the following tutorial: https://code.daypilot.org/95340/react-activity-planning-system-node-express-postgresql Also, please note th...

Answered: To learn how to use the React Scheduler component please see the following tutorial: https://code.daypilot.org/77607/react-scheduler-tutorial The React version of the hotel tutorial is not available ...

Answered: Unfortunately, this kind of view is not available at the moment.

Answered: The HTML5 Scheduler tutorial ( https://code.daypilot.org/87166/html5-scheduler ) uses a flatten() function which does essentially the same that you are doing: function flatten(resources, result) { re...

Answered: There is a tutorial available that shows how to display holidays (by setting a custom scheduler cell background color): https://code.daypilot.org/93068/javascript-scheduler-displaying-holidays I beli...

Answered: scrollTo() is a client-side method and it can only be used on the client side, in JavaScript: https://api.daypilot.org/daypilot-scheduler-scrollto/

Answered: This is not possible at the moment but it's in the queue and it should be available within 1-2 months.

Answered: OK, thanks for the update. In the Scheduler, there are two ways to achieve that: 1. You can define the timeline manually by adding individual cells: https://doc.daypilot.org/scheduler/timeline/ 2. Yo...

Answered: Unfortunately, it's not possible to change the task group inner HTML in ASP.NET.

Answered: You can make the text smaller using CSS but this will not ensure that every possible text will be displayed in full. I recommend using the bubble component which can display additional details using ...

Answered: When the content doesn't fill the whole space vertically, the Scheduler displays an empty space. I see that you are using a custom CSS theme - you'll need to update it so the space below the content ...

Answered: You can use onBeforeRowHeaderRender event handler to add a custom CSS class: https://doc.daypilot.org/scheduler/row-header-customization/ Example: JavaScript dp.onBeforeRowHeaderRender = function(arg...

Answered: It is possible to activate any DOM element as draggable to the Scheduler. If you have access to the row items in the jquery datatable then you can using DayPilot.Scheduler.makeDraggable() method to a...

Answered: At this moment, blocking selected dates is only supported in the Pro version. Please see the following tutorial: https://code.daypilot.org/88013/javascript-calendar-blocking-selected-dates

Answered: These issues should be fixed now in the latest sandbox build (2022.1.5209): https://javascript.daypilot.org/sandbox/ Please let me know if there is any problem. And thanks for reporting the issues!

Answered: Yes, the "daypilot-pro-react" package is paid. If you are looking for the free package, take a look at "@daypilot/daypilot-lite-react": https://www.npmjs.com/package/@daypilot/daypilot-lite-react The...

Answered: You can use the box.barColor and box.barBackColor properties: https://api.daypilot.org/daypilot-task-data/

Answered: The purpose of the invalidate() method ( https://api.daypilot.org/daypilot-cellarray-invalidate/ ) is to ask for a fresh result of onBeforeCellRender event callback. It is useful if you display calcu...

Answered: This issue has been fixed in version 2020.3.4547: https://javascript.daypilot.org/daypilot-pro-for-javascript-2020-3-4547/ I recommend switching to the latest version though - which is now 2022.1.518...

Answered: The cell borders are rendered using long 1px elements that are displayed at the cell boundaries. The color is set using "background-color" style. The horizontal lines are marked with .scheduler_defau...