All Questions

Answered: This is not a limitation of the trial version. I recommend checking the DOM structure of the production build in the browser (using developer tools) to see whether the elements are using the expected...

Answered: The onResourceHeaderClicked is a legacy event which has been replaced by the onRowClicked event. In onRowClick and onRowClicked , you can access the column index using args.x .

Answered: The clearSelection() method clears the time range selection . To clear the event selection, you will need to use the multiselect.clear() method. See also event selecting in the documentation.

Answered: The full crosshair in the Scheduler now allows mouse events to pass through in the latest sandbox build (2023.4.5765). See also: https://release.daypilot.org/changes/js/

Answered: The Scheduler includes a built-in tool for selecting multiple events using drag and drop - the rectangle selection . You can switch it to row-only mode to only select events in the same row. It disap...

Answered: You can add custom elements to the time header using active areas ( demo ): You can either create a special row for this bar or add it to an existing row.

Answered: The AutoScroll feature is available in the Calendar as well: https://doc.daypilot.org/calendar/autoscroll/

Answered: 1. I recommend checking what actually flickers. In my tests, I have never seen the Calendar flickering - although most updates redraw the whole calendar. However, if you add images to events/headers,...

Answered: There is a tutorial that shows how to do this: JavaScript Scheduler: Copy Multiple Events Please let me know if it didn’t help!

Answered: It was missing from the TypeScript definitions. It’s now available in the latest sandbox build (2023.4.5746): https://release.daypilot.org/changes/js/

Answered: Yes, it’s now available in the latest sandbox build (2023.4.5746): https://release.daypilot.org/changes/js/

Answered: There was an issue with events.update() when called with a raw data object as an argument. It should be fixed now in the latest sandbox build (2023.4.5743). It caused the calendar to update the event...

Answered: You can either override selected styles of the built-in theme or create a custom theme and apply it using the theme property: const modal = await DayPilot.Modal.form(form, data, { theme: "my_theme" }...

Answered: At this moment, there is no special onBeforeLinkRender event. However, you can set the properties directly in the data source. You can customize the look using properties like color , style , and css...

Answered: At this moment, you can disable event moving and resizing for individual events only in the Pro version (using moveDisabled and resizeDisabled properties of the data object or using the onBeforeEvent...

Answered: Every developer working with the project that uses DayPilot needs a license. This includes developers who check out the project from the VCS.

Answered: This scenario could be implemented with the following limitations: The maximum cell duration supported at this moment is 1 hour (this is the max slot duration). When switching to the “compact” view y...

Answered: At this moment, it is possible to change the appearance and content of the shadow using the onEventMoving event handler (you can add a custom CSS class and modify the HTML content). See DayPilot.Cale...

Answered: Yes, the form will load the initial values from the source data object using the property mappings ( id property of the form items). The source data object ( data in the example below) is optional. W...

Answered: You probably copied one of the examples that create a hover icon using an event active area in the onBeforeEventRender event handler. It might look like this: onBeforeEventRender: args => { args.data...

Answered: In the Scheduler component, you can hide the non-business hours using the showNonBusiness property. In the Calendar component, you can hide the non-business hours using the heightSpec property ( "Bus...

Answered: At this moment, the events always snap to grid in the Calendar during drag and drop. In the Scheduler , it is possible to turn off the snap to grid feature and implement a custom snap-to-grid logic ....

Answered: In the latest sandbox build (2023.3.5736), the getCoords() method is now available for the Gantt Chart as well.

Answered: There are two options: 1. In the latest sandbox build (2023.3.5737), there is a new rowMoveSameLevelOnly property that lets you limit the target position of a row to the same level in the hierarchy o...

Answered: Unfortunately, scrolling through the Scheduler grid by 'swiping' with the mouse is not supported. If you would like to scroll the Scheduler automatically during drag and drop operations (moving, resi...