Active Questions
How to add search on child row?
Answered: The args.row property holds a DayPilot.Row object and you can access the original resource data object (from resources[] array) using "data" property: https://api.daypilot.org/daypilot-row-properties...
How to hide resources without events
Answered: Please take a look at the following tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events
Scheduler fromStringSortable throwing exceptions
Answered: Thanks! That helped to identify the performance issue. It should be fixed now in the latest sandbox build (2021.4.5128, see https://npm.daypilot.org/ for the Angular version). The constructor used to...
DayPilot Block specific resource or time
Answered: Yes, you can use BeforeCellRender event to mark cells as disabled. That will prevent all drag and drop operations: https://doc.daypilot.org/scheduler/disabled-cells/
Day-pilot Calendar - Event Link Feature
Answered: Unfortunately, the event links are only available in the Scheduler component at the moment.
DayPilotScheduler change date , Incorrect time!
Answered: Now that the problem is solved: value-format="yyyy-MM-dd"
Move per 15 minutes
Answered: Yes, it is possible. Please take a look at the following tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid Just remember that the smallest possible step is one pi...
Resize shadow doesn't match event time
Answered: You'd need to turn off the "snap to grid" feature (https://doc.daypilot.org/scheduler/snap-to-grid/) to prevent this behavior:
dp.snapToGrid = false;
Move events on drag with blocks of 12 hours
Answered: Yes, please take a look at the following tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid Another option would be to change the cell duration to 12 hours using t...
How can I add more columns on each row in headers?
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...
Add multiple events on same date and time
Answered: The best way would be to increase the margin width using columnMarginRight property: https://doc.daypilot.org/calendar/column-margin/
ResizeStart / ResizeEnd not working on touch devices
Answered: This is a regression bug which should be fixed now in the latest sandbox build (2021.4.3805): https://aspnet.daypilot.org/sandbox/ Thanks for reporting the issue!
Displaying several properties of an event in different active areas, during PNG export
Answered: The active areas will be included in the exported image. The area dimensions must be fully specified (it doesn't work if you only specify "left" but not "width" or "right"). If you only want to inclu...
Custom rendering requirements during PNG export
Answered: There are two options: 1. You can switch the built-in bar (displayed at the top of the event) to "progress" mode: https://doc.daypilot.org/scheduler/percent-complete/ 2. You can build the progress ba...
Erro no carregamento Atividade filho
Answered: A imagem está correta, a atividade que está no Píer 1 lado Mar está com início no dia 03/08/2021 as 00:00 hora, isso só está acontecendo quando ela vai para o evento filho, se essa mesma atividade fo...
Scalability of export PNG
Answered: The export is performed on the client side using a canvas element and browsers limit the maximum size of the canvas area. If the exported area exceeds the maximum size the browser won't be able to ex...
Popover using onEventRightClick
Answered: I've solved with the following code: Added a unique class on event inside onBeforeEventRender: args.data.cssClass = args.data.id; Later, inside onEventRightClick I just look for that class and I acti...
Duration bar for some events only
Answered: You can use barHidden property of the event to hide the duration bar. You can add it to the source data object or you can add it using onBeforeEventRender:
dp.onBeforeEventRender = args => {
arg...
Using CSS3 zoom breaks Scheduler crosshair
Answered: Unfortunately, the CSS-level zoom is not supported at the moment. However, you should be able to achieve a similar effect by adjusting the dimensions properties (eventHeight, headerHeight, etc.) and ...
How switch between line = 0 and line = 'dedicated' in a Event?
Answered: The "line" property can't be changed in onBeforeEventRender (that's too late). You need to set it in the data source before the Scheduler loads it. You can preprocess the data like this:
const even...