Answered: If you display multiple rows in the column header you can specify the child column content using "children" property - the columns are organized in a hierarchy (see also https://doc.daypilot.org/cale...
Answered: This has been intentionally disabled in 2019.4.4089 ( https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-4-4089/ ). iOS 13+ introduced some changes in onscroll handling which broke the ...
Answered: The onAfterRender event handler is not a good place to do this. It's only fired if the whole Scheduler is updated. If you want to customize the grid cell elements you should use onAfterCellRender ins...
Answered: As far as I can see, there is no .start property used in the HTML template in the tutorial. I recommend using the attached project as a reference - it runs fine without any errors.
Answered: You can add custom row header columns using columns property: https://doc.daypilot.org/gantt/columns/ The context menu can be added using contextMenuRow property: https://api.daypilot.org/daypilot-ga...
Answered: You can handle onClick event and modify the selection using the event selection API, i.e. multiselect.add(): https://api.daypilot.org/daypilot-scheduler-multiselect-add/
Answered: You can use a special frozen row at the top which will let you select a time range and expand it to the full column. Please see the following tutorial: https://code.daypilot.org/50252/javascript-sche...
Answered: You can use onBeforeRowHeaderRender event to insert custom HTML and/or active areas: https://doc.daypilot.org/scheduler/row-header-customization/
Answered: The rule that determines which rows will be displayed when a row filter is applied is implemented in onRowFilter event handler. You'll need to extend it to include text of the additional rows as well...
Answered: In the Calendar component, the current time indicator position is fixed at this moment and it is always displayed below events. The indicator element is marked with ".calendar_default_now" CSS class ...
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: 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: 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: This is most likely caused by CSS interference. I recommend turning off all global CSS to verify that. The most common problems include global "padding", "border" or "box-sizing" styles. If the probl...
Answered: It looks like you are using global CSS that interferes with the calendar CSS. Try disabling it temporarily and then enable it section by section to see what affects the positioning. It will be someth...
Answered: The Calendar can display a hierarchy of columns, just use the "children" property to specify child columns. You can also set the date for each column using the "start" property. See also: https://doc...
Answered: When the users selects a time range the Scheduler fires the onTimeRangeSelected event: onTimeRangeSelected: args => { this.create.show(args); } You can modify the event handler to use your own modal ...
Answered: Please take a look at this tutorial which shows how to let users change the visible range: https://code.daypilot.org/27338/angular-scheduler-date-navigation
Answered: If you change the config.scale value in the button onClick handler the change will be detected and applied automatically. You can also check the following tutorial which shows how to apply different ...
Answered: Please see the following tutorial - it shows how to add a button to the row header using active areas: https://code.daypilot.org/79997/angular-scheduler-row-header-actions
I'm showing bubble on click of event and I set hideAfter property to '0'. It works pretty well, but the bubble popover do not hide if I click outside of daypilot calendar. Any help is appreciated.
Answered: Please see the following tutorial that explains how to display a bubble with custom content (defined as static HTML, dynamic HTML loaded from the server, and as an Angular component): https://code.da...
DayPilot