All Questions

Answered: Could you please contact support@daypilot.org and include your order number?

Answered: The event phases are displayed using active areas ( https://doc.daypilot.org/scheduler/event-active-areas/ ). Active areas are rectangles inserted into events. The can be positioned using css-like le...

Answered: When infinite scrolling is enabled, it is necessary to be careful when changing the Scheduler timeline parameters (scale, cellWidth, startDate and especially days). The infinite scrolling feature shi...

Answered: You can set the column data source using "display" property of the rowHeaderColumns[] array items: This requires DayPilot Pro for JavaScript version 2019.4.4073 or later (with the tabular mode suppor...

Answered: If you are using heightSpec="Parent100Pct" you'll need to call the show() method to fix the height based on the new parent element height: https://api.daypilot.org/daypilot-scheduler-show/

Answered: You can do this by adding the following CSS: .scheduler_default_selected { background-color: black; } .scheduler_default_selected .scheduler_default_event_inner { opacity: 0.7; } It also works in com...

Answered: You can use *ngIf on the <daypilot-scheduler> element: <daypilot-scheduler [config]="config" [events]="events" #scheduler *ngIf="visible"></daypilot-scheduler> You can also create the component dynam...

Answered: The CssClass property specifies the CSS class that will be applied to the DOM element (in this case an event) in addition to the built-in CSS classes. It's not the name of the stylesheet file. You ca...

Answered: Yes, this is possible. You can specify the delay using the "options" parameter of the message() method: dp.message("Welcome!", {delay: 5000}); See also: https://api.daypilot.org/daypilot-scheduler-me...

Answered: The Switcher is only necessary if you want to manage different components, e.g. DayPilot.Calendar for the week view and DayPilot.Month for the Month view. If you are using two different configuration...

Answered: The monthly calendar includes a special "cell stacking mode" that lets you set a fixed day cell height and stack all events inside. A vertical scrollbar will be added if necessary: https://doc.daypil...

Answered: The makeDraggable() method adds special event handlers (mousedown, touchstart) to the target DOM element but it doesn't link it to the Scheduler component. It's not necessary to clean the elements ex...

Answered: Unfortunately, dragging events to the Navigator component is not supported.

Answered: i solved this in an easier way than i expected. I just discovered i can use thymeleaf in the javascript so i send the model of an event to the view and i get it done like this. <script th:inline="jav...

Answered: Since build 2020.1.4264, it's possible to read the current sort criteria using DayPilot.Scheduler.rows.sortParam property (read-only): https://api.daypilot.org/daypilot-scheduler-rows-sortparam/

Answered: The scrollbar used by the Scheduler is the native browser scrollbar which is always displayed at the bottom. In order to make the scrollbar visible, make sure that you are using heightSpec="Parent100...

Answered: If you mean the row header columns you can change them using "rowHeaderColumns" property. In React, you can use rowHeaderColumns attribute of the <DayPilotScheduler> tag. See also: https://doc.daypil...

Answered: I have found the solution. It is to set DayPilotScheduler.CellWidthSpec = Enums.Scheduler.CellWidthSpec.Fixed Then all levels in timeheader is showed correct.

Answered: Please take a look at this option: https://doc.daypilot.org/scheduler/exact-event-duration/ Let me know if this is not what you are looking for.

Answered: On the desktop, this is not supported. You need to use the scrollbar or custom scrolling controls (implemented using scrollTo() - https://api.daypilot.org/daypilot-scheduler-scrollto/ ). On touch dev...

Answered: Yes, please see the options here: https://doc.daypilot.org/scheduler/height/

Answered: You can rotate the text using CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate

Answered: In order to access the component using "this" you need to use the arrow function notation: reSizeScheduler = () => { this.scheduler.control.show(); } See also: https://www.typescriptlang.org/docs/han...

Answered: Hi Chris, Ivy + AOT is now supported in Angular 8 and Angular 9 (since build 2020.1.4238). Please let me know if there is any problem.

Answered: If you follow this tutorial: https://code.daypilot.org/69423/vue-js-scheduler-build-a-reservation-application-in-5-minut you will be able to access the DayPilot.Scheduler object as "this.scheduler". ...