search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged scheduler

How do you make more than one employee run the same shift

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...

scheduler expand collapse animation control

Answered: You can disable the animation using treeAnimation property:

How to format timeheader "Week"

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

Change Arrow Icon on Links

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_...

How to show custom loading indicator during rendering

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.

How to highlight the row header (resource) after range selection

Answered: You should take a look at the dynamic onTimeRangeSelecting event: It will let you highlight the current resource using args.row.addCl...

How to set a custom class on Bubble in Angular project?

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_" ins...

How to hide resources without events

Answered: Please take a look at the following tutorial:

Erro no carregamento Atividade filho

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...

this in undefined in the addEvent example

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...

Changing cell width without changing the cell duration

Answered: You can do that by increasing the cellWidth value: scale: 'CellDuration', cellDuration: 10, cellWidth: 20, See also:

More precise event's position

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 ...

load data based on dropdown list

Answered: Please see my answer here:

Keyboard navigation from last cell

Answered: With the latest version (, you can update the keyboard focus in onEventClick event like this: dp.onEventClick = args => { ...

Summary columns at the end of the Scheduler

Answered: Hi Petr, Unfortunately, it's only possible to display the summary on the left side (in the row headers) at this moment.

Problem with events and resources background

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...

Empy header cell for next columns if treeEnabled = true

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 (arg...

Problem with exporting events

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 (

Tap on event active area not working relieable on mobile device

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...

Scheduler Persist row (resource) moving

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):

Scheduler Event sorting drag & drop

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

Features available for react js schedular

Answered: All DayPilot Pro for JavaScript features are available in React as well. To learn more about event editing, please see the following documentation page:

Why Group use alway return 0 in the fist time run?

Answered: The "used" value will be 0 before the events are loaded. The result of onBeforeCellRender is cached and in most cases the caching needs to be disabled using "cellsAutoUpdated" property of the parent ...

Show/Hide Columns using checkbox list instead of context menu

Answered: Unfortunately, the menu doesn't support checkbox items so it can't be used for this purpose. You'd have to create a custom panel to show the checkboxes.

How to get id of newly created event?

Answered: You need to return the ID of the new event from the server after saving the new record in the database. Then you can add the event to the Scheduler using events.add(). Please take a look at the follo...

Disabled cell still working if my event is longer on the right than disabled cells

Answered: You should check if you really disable the correct cells. The background color needs to be set separately so it's possible that you didn't disable all the colored cells. It's unlikely that the Schedu...

Scheduler TimeHeaderRow incorrect width

Answered: The auto-width features (row header width auto-fit and cell auto width) rely on the actual rendering to get some measurements. That happens in cases when it is not possible to calculate all dimension...

Scheduler RowHeaderHideIcon position does not update

Answered: This should be fixed now in the latest sandbox build (2021.1.4903):

Scheduler RowHeaderMaxWidth desirable

Answered: You can achieve this using CSS - specify max-width for the row header text: .scheduler_default_rowheader_inner_text { max-width: 100px; }

Scheduler RowHeaderAutoFit doesn't shrink row header

Answered: Tim, This feature was designed to only extend the width. The latest sandbox build (2021.1.4889) now includes an experimental rowHeaderWidthAutoFitShrink property which you can use to enable shrinking...
Questions 1-30 of 376 Next