Questions Tagged scheduler

Answered: The cells in rows marked with "cellsAutoUpdated: true" will be updated on every change, including a row removal. You might want to review and update the calculation logic. The tutorial ( https://code...

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: 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 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: 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: 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: Yes, there are many different scenarios that are not covered by this sample. To add more people to the same time and location, you can choose a solution depending on the workflow: 1. To allow more as...

Answered: You can disable the animation using treeAnimation property: https://api.daypilot.org/daypilot-scheduler-treeanimation/

Answered: Yes, you can do it using onBeforeTimeHeaderRender event handler: import {Component, ViewChild, AfterViewInit} from '@angular/core'; import {DayPilot, DayPilotSchedulerComponent} from 'daypilot-pro-an...

Answered: The link arrows are 6px * 6px elements marked with the following CSS classes: scheduler_default_link_arrow_right scheduler_default_link_arrow_left scheduler_default_link_arrow_down scheduler_default_...

Answered: Usually, you'll want to display the loading indicator when you initiate an HTTP call that loads the data. This way it will cover the whole waiting time.

Answered: You should take a look at the dynamic onTimeRangeSelecting event: https://api.daypilot.org/daypilot-scheduler-ontimerangeselecting/ It will let you highlight the current resource using args.row.addCl...

Answered: You can set a custom CSS class using the config: const bubble = new DayPilot.Bubble({ theme: "mybubble", // ... }); All CSS classes used in the bubble will be prefixed with "mybubble_" instead of "bu...

Answered: Please take a look at the following tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events

Answered: A imagem está correta, a atividade que está no Píer 1 lado Mar está com início no dia 03/08/2021 as 00:00 hora, isso só está acontecendo quando ela vai para o evento filho, se essa mesma atividade fo...

Answered: This hint is correct, you can't use "this" in a functional React component. You'll need to create a variable instead: const Scheduler = () => { let scheduler: DayPilot.Scheduler; return ( <div> <DayP...

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: Please see my answer here: https://forums.daypilot.org/question/5494/how-to-refresh-gannt-chart-based-on-dropdown-values

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: Hi Petr, Unfortunately, it's only possible to display the summary on the left side (in the row headers) at this moment.

Answered: The image export only supports a limited set of CSS styles. The Scheduler tries to detect the background color but if you use an unsupported background style it will fail. You can override the auto-d...

Answered: The column content is set in onBeforeRowHeaderRender event handler. You'll need to modify it to exclude parent rows: dp.onBeforeRowHeaderRender = (args) => { // skip parent rows if (args.row.children...

Answered: The Scheduler will include events that are loaded at the moment of export (it uses the event data from events.list) in the exported image. If you use dynamic loading ( https://doc.daypilot.org/schedu...

Answered: Hi Benny, It looks like the default action uses "click" event which is not reliable on touch devices. It will be fixed in the next release. You can use 'action: "None"' as a workaround - that will bi...

Answered: You can take a look at the following tutorial to see how to handle row moving and persist the row order (in JavaScript/Node.js): https://code.daypilot.org/95340/react-activity-planning-system-node-ex...

Answered: The Scheduler lets you specify custom event order but unfortunately it doesn't support reordering events (inside cells) using drag and drop.