Active Questions

Answered: You can remove both properties. The "cssOnly" property is no longer used (the css-only mode is always active). The "cssClassPrefix" property has been replaced with "theme" - and "bubble_default" is t...

Answered: You can use an active area with the following properties. This will ensure that the active area will be always visible: visibility: "Visible" Or you can make it permanently visible on touch devices. ...

Answered: Please see my comments here: https://forums.daypilot.org/question/5509/how-can-i-make-sticky-date-header-of-angular-gantt-view

Answered: Unfortunately, the package size can't be reduced. We recommend the following to improve the loading time: make sure the bundle is served compressed (in your screenshot, you can see that the gzipped s...

Answered: You can display Font Awesome icons using active areas. That will let you specify the icon position and dimensions. You can include the active areas in the data source (events.list) but it's better to...

Answered: With the latest version ( https://javascript.daypilot.org/daypilot-pro-for-javascript-2021-3-5070/ ), you can update the keyboard focus in onEventClick event like this: dp.onEventClick = args => { //...

Answered: You can do that by increasing the cellWidth value: scale: 'CellDuration', cellDuration: 10, cellWidth: 20, See also: https://doc.daypilot.org/scheduler/cell-width/

Answered: By default, the Scheduler displays event boxes rounded to the grid cell borders. The exact duration is displayed using the duration bar (if enabled). You can change this behavior using useEventBoxes ...

Answered: Thanks for the feedback!

Answered: The placeholder div is generated automatically by the Angular Scheduler component and it is initialized immediately. You will only see this error if the Scheduler can't find the placeholder which is ...

Answered: You need to make sure that the URL used in dp.rows.load() call returns the data correctly. I recommend using browser developer tools (Ctrl-Shift-I or Option-Command-I), the Network tab, to inspect th...

Answered: The following tutorial includes a project that displays a drop-down list with locations: https://code.daypilot.org/61166/php-shift-planning-javascript-html5-mysql-database When a user selects an item...

Answered: No, the Lite version only supports 30-minute slots. See also: https://doc.daypilot.org/calendar/time-cell-duration/

Answered: Please see my answer here: https://forums.daypilot.org/question/5494/how-to-refresh-gannt-chart-based-on-dropdown-values

Answered: The backend_events.php script should look like this: <?php require_once '_db.php'; $stmt = $db->prepare("SELECT * FROM leave_event WHERE NOT ((leave_end <= :start) OR (leave_start >= :end))"); $stmt-...

Answered: The keyboard API is now available - please take a look at the following tutorial: https://code.daypilot.org/68177/javascript-scheduler-how-to-use-the-keyboard-api

Answered: You can change the text color using onBeforeTaskRender event: dp.onBeforeTaskRender = function(args) { if (args.type === "Group") { args.data.box.fontColor = "#ffffff"; } }; See also: https://api.day...

Answered: The warnings on non-passive event listener only appear if you set the log level to "Verbose". It's a hint and not something that can be "fixed" in all cases. The non-passive listener is essential for...

Answered: This should be fixed now in the latest sandbox build (2021.3.5062): https://release.daypilot.org/changes/js/ It looks like Safari started to report a different scrollbar width when a mouse is connect...

Answered: Please see the following tutorial: https://code.daypilot.org/30113/react-scheduler-how-to-enable-undo-redo