Questions Tagged scheduler
Scheduler - Frozen rows are not processed in onRowFilter
Answered: Frozen rows are now supported by the row filter in the latest sandbox build (2023.1.5544). The documentation is updated as well: https://doc.daypilot.org/scheduler/frozen-rows/
Scheduler - How to set row header columns to a very compact width
Answered: By default, the Scheduler only extends the width automatically (to fit the text). If you want to show narrower columns, you can either enable shrinking (rowHeaderWidthAutoFitShrink) or set a smaller ...
Scheduler - How to align the text in the row header columns
Answered: You can use onBeforeRowHeaderRender event (https://api.daypilot.org/daypilot-scheduler-onbeforerowheaderrender/) to set the horizontal alignment:
onBeforeRowHeaderRender: args => {
args.row.colu...
Scheduler - Fix row header columns during horizontal scrolling
Answered: Unfortunately, this would be an enormous effort and the result would be very complex UI - so I don't see a way to add this at the moment.
Scheduler - Stacking of Overlapping Events
Answered: Do I understand it correctly that although there are three events in the screenshot you define six events? Events are rendered in the in the order determined by the default sort order. You can also d...
Scheduler - DayPilot.Scheduler: The placeholder element not found: 'dp_1673963716024126533'.
Answered: The Angular Scheduler component includes a placeholder div in its template. This placeholder is then initialized using init() call in ngAfterViewInit() - you can also see this in the stack trace. If ...
Scheduler - How to add active areas to cells
Answered: 1. You can make space for the active areas at the bottom using the "rowMarginBottom" property : https://api.daypilot.org/daypilot-scheduler-rowmarginbottom/ 2. If you use the full crosshair mode the ...
MaxEvents for scheduler is possible?
Answered: This option is now available in the Scheduler (since version 2023.1.5515). You can specify a maximum number of lines for each row using the new "maxLines" property. For an example, please see the fol...
Scheduler - How set the same margin between events and between events and cell borders
Answered: There are two options: 1. You can use "eventMarginLeft" and/or "eventMarginRight" properties: https://api.daypilot.org/daypilot-scheduler-eventmarginleft/ https://api.daypilot.org/daypilot-scheduler-...
Scheduler - How to programmatically fire onBeforeCellRender for certain resources
Answered: You can either update the full scheduler using update(): https://api.daypilot.org/daypilot-scheduler-update/ Or you can update a row using rows.update(): https://api.daypilot.org/daypilot-scheduler-r...
How do I modify a database?
Answered: You can take a look at this tutorial: https://code.daypilot.org/64657/angular-scheduler-resource-management It is for Angular, but it shows how to add a context menu to the row headers with additiona...
Back end
Answered: This project shows a single page with the restaurant reservation UI. It is kept as simple as possible so that the code can be modified easily. There is no admin part.
Scheduler - right clicking changes existing time range selection
Answered: Thanks for uploading the sample project. This issue should be fixed now in the latest sandbox build (2023.1.5487): https://release.daypilot.org/changes/js/ Please let me know if it doesn't work as ex...
Scheduler - New Event Placement Strategy
Answered: You might want to take a look at the "split resources" feature: https://doc.daypilot.org/scheduler/split-resources/ It lets you split a resource into multiple subresources, each having a special row ...
Scheduler - Restore default behaviour in onTimeRangeSelecting when snap to grid is disabled
Answered: You will find an example of a custom snap-to-grid implementation in this tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid It is necessary to round/floor the date...
Scheduler - Cannot read properties of undefined (reading 'ignoreDisabledCells')
Answered: > No, but I forget to tell, that the error happens on right clicking any cell. It doesn't matter to which row the cell belongs. I select it and right click, then the error shows. Could you please che...
Issue when updating resources
Hello, I am using the scheduler type calendar, and when I try to make an update with the resources, I get the following error:
TypeError: Cannot read properties of undefined (reading 'hidden')
...
Scheduler - How to center multiple active areas horizontally in row header column
Answered: Unfortunately, it's not possible to center a variable number of active areas horizontally. The width is not adjusted because active areas are displayed in a separate layer which is not part of the ro...
Scheduler - active area images flicker during scheduler resizing
Answered: I'm not sure if you will be able to get rid of the flicker. During zoom, the Scheduler is re-rendered with the updated timeline and dimensions (including the row headers). There are a couple of thing...
Scheduler - onTimeRangeRightClick not fired on frozen rows
Answered: This should be fixed now in the latest sandbox build (2022.4.5471): https://release.daypilot.org/changes/js/
Scheduler: consecutive events appear as overlapping with high zoom level
Answered: In some cases this can happen. It's a result of the following logic: 1. The Scheduler enforces a minimum event with of 1px. 2. The overlaps are resolved on pixel level. These rules are necessary to e...
get all the months in a year
Answered: The date picker component can be configured to display multiple months: https://doc.daypilot.org/navigator/months/ They can be arranged vertically or horizontally: https://doc.daypilot.org/navigator/...
Scheduler - Is it possible to show whole days, although cell duration is half-day
Answered: You can use onBeforeGridLineRender to hide selected grid lines in the Scheduler: https://api.daypilot.org/daypilot-scheduler-onbeforegridlinerender/ You can also use a different approach - set scale ...
Scheduler - Changing the margin for certain events
Answered: Unfortunately, this is not supported at the moment. You can change it using CSS by overriding (increasing) the left/right/top/bottom properties of the inner div (marked with "scheduler_default_event_...
Scheduler - How to use linear-gradient() in event's backColor property
Answered: You can set the gradient using the "backColor" property. See also: https://api.daypilot.org/daypilot-event-data/ This example uses DayPilot.ColorUtil.lighter() and DayPilot.ColorUtil.darker() helpers...
Scheduler - How to show bubble for active area
Answered: This seems to be fine and a static version of your sample works well in my tests:
dp.events.list = [
{
id: DayPilot.guid(),
text: '',
resource: "frozen1",
s...
Scheduler - How to get current cell width when cellWidthSpec is set to "Auto"
Answered: The calculated value is stored in cellWidth: https://api.daypilot.org/daypilot-scheduler-cellwidth/
Events with rounded corners (border-radius)
Answered: It is not possible to set border-radius using a special property at the moment. However, you can can use cssClass to set multiple classes (separated by space).
Floating event feature is not working
Answered: I recommend using the browser devtools to check the DOM structure. If an event is partially hidden (outside of the current viewport), the Scheduler adds a special <div> element with "scheduler_defaul...