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: 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: 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...
The type definitions of Daypilot.GanttConfig (daypilot-pro-angular 2020.1.4216.) Don't include the function type OnRowCreate Nor is it included in the api docs https://api.daypilot.org/daypilot-gantt...
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 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...
We have a web application that uses DayPilot to display a 1, 3 or 7 day view with the hours along the side. In this view there will be calls that the user can click on to take them to another page. T...
Answered: Hi Gert, The DayPilotModule class is decorated with @NgModule (the decorators are not visible in the daypilot-angular.min.d.ts file - they get compiled to daypilot-angular.min.metadata.json). DayPilo...
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: 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...
Is there a way to disable link creation per event? I would like something like the way move, resize, etc... can be disabled now on js side. ie: event.data.moveDisabled = true. The best would be if ev...
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: 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: 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.