Questions Tagged how-to

Answered: Yes, this is possible. You need to modify the row total calculation logic so that it only includes the selected events. The Annual leave tutorial ( https://code.daypilot.org/97780/php-annual-leave-sc...

Answered: The scheduler.control value is accessible since ngAfterViewInit.

Answered: You can disable selected cells using BeforeCellRender event. Please see more here: https://doc.daypilot.org/calendar/disabled-cells/

Answered: By default, the results of onBeforeCellRender are cached until the next update() call. You can disable the cache using beforeCellRenderCaching property. See also: https://api.daypilot.org/daypilot-sc...

Answered: Unfortunately, this is not supported at the moment.

Answered: You can't display a dropdown but you can modify the menu items (e.g. change the icon) on the fly using onShow() event handler: https://api.daypilot.org/daypilot-menu-onshow/

Answered: 1. Active areas that specify the "action" property will not let the mouse click event bubble to the underlying event and the event click action won't be fired. You'll need to leave the "action" value...

Answered: I recommend using the browser developer tools (Network tab) to check what is being loaded and at what point. The loading logic may not be correct. The development environment usually has much lower n...

Answered: If you want to display one week, you can use the Month view and use the Weeks view: <DayPilot:DayPilotMonth ID="DayPilotMonth1" runat="server" ... ViewType="Weeks" Weeks="1" /> If you want to show ju...

Answered: The use of the trial version is limited to evaluation purposes and to 60 days. See also the trial license agreement: https://javascript.daypilot.org/files/LicenseAgreementTrial.pdf

Answered: There is now a new onBeforeRowHeaderColumnRender event available in the latest sandbox build (2020.1.4266): https://release.daypilot.org/changes/js/ You can use it to add custom active areas to show ...

Answered: The demo project in the download packages uses MVC4 which needs to be installed globally using this link: https://www.microsoft.com/en-us/download/details.aspx?id=30683 See also: https://mvc.daypilot...

Answered: The "name" property, as well as "id" must be in lower case. See also: https://api.daypilot.org/daypilot-scheduler-resources/ Please note that this is not the free Lite version but a trial version of ...

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