Active Questions
Events Multiple rows copy and Multiple row paste
Answered: Please take a look at the following tutorial: https://code.daypilot.org/72047/javascript-scheduler-copy-multiple-events
How to open and close the modal using script
Answered: I recommend using DayPilot.Modal.form() to edit event details (or to enter new event data). This method lets you define the modal form fields programmatically and all the logic stays at the original ...
Modifying the left barColor styling?
Answered: You can control the bar width and other properties using CSS. The bar is built using two nested divs with the following CSS classes (applies to the default "calendar_default" theme): calendar_default...
Kanban - Insert new card at specific position
Answered: The Kanban component respects the original order of items (in cards.list). You can insert the card at the desired location there and call update().
How to show the recourse image
Answered: I answer to myself Private Sub ParkingDP_BeforeResHeaderRender(sender As Object, e As BeforeResHeaderRenderEventArgs) Handles ParkingDP.BeforeResHeaderRender Dim htm As String = "<img src=data:image/...
Scheduler Event sorting drag & drop
Answered: The Scheduler lets you specify custom event order but unfortunately it doesn't support reordering events (inside cells) using drag and drop.
Scheduler Persist row (resource) moving
Answered: You can take a look at the following tutorial to see how to handle row moving and persist the row order (in JavaScript/Node.js): https://code.daypilot.org/95340/react-activity-planning-system-node-ex...
Setting lower margin-lefts for children in row header
Answered: You can control the indent width using treeIndent property: https://api.daypilot.org/daypilot-scheduler-treeindent/
Custom values in href parameter
Answered: You can use document.querySelector().value to get the value of the input field.
Drag/drop long booking at viewport edge
Answered: If you use a timeline with gaps between cells or adjust the event length for non-business hours (eventMoveSkipNonBusiness) you should forbid moving events that cross the Scheduler grid edge. The Sche...
Create schedule with only start date and duration
Answered: No, this is not supported at the moment. You'll need to calculate the start and end dates before displaying the data in DayPilot.
Multiple resources on a date...
Answered: Yes, this is possible: https://javascript.daypilot.org/demo/calendar/daysresources.html https://doc.daypilot.org/calendar/column-header-hierarchy/ You can also take a look at the Scheduler that can d...
wait message before Posting
Answered: Solved by changing to manual BIND TimeRangeSelectedHandling="JavaScript" TimeRangeSelectedJavaScript="btn_navigateClick();"
Check empty resource free
Answered: You need to go through the events in a row to find the free slots. See also the following tutorial: https://code.daypilot.org/94263/javascript-scheduler-find-next-free-slot
Load event not loading child only
Answered: You need to use a different resource ID for the parent rows. An event will be displayed in all rows where the id matches the event resource id (resources[].id === events.list[].resource).
Asp.net MVC scheduler not showing AM/PM format
Answered: You can try this:
TimeHeaders = new TimeHeaderCollection()
{
new TimeHeader(GroupBy.Month),
new TimeHeader(GroupBy.Day),
new TimeHeader(GroupBy.Cell, "tt"),
},
Bubble showAfter setting has no effect
Answered: The bubble opened by an active area (action: "Bubble") is always displayed immediately. If you want to delay it you can use the following code:
args.data.areas = [
{
right: 0,
...
Multirange selecting in react disapears when you set the state of the component
Answered: The time range selection is not part of the Scheduler state and it will get cleared on update.
Display event when horizontally scrolling
Answered: You can turn off progressive event rendering but it will affect performance when displaying a large number of events. See also: https://doc.daypilot.org/scheduler/progressive-event-rendering/