Questions Tagged
Events displayed only on 30 minute boundaries?
I am using a Day calendar and adding events to it. It seems like my events are always “snapped” to half-hour boundaries. E.g., if I have an event with a start time of 10:18 and end time of 11:18, on ...
Non-default cellDuration causes Calendar scroll position to change.
Answered: This issue should be fixed now in the latest sandbox build (2025.2.639):
Issue with Hiding Non-Business Hours Spanning Two Days in DayPilot Scheduler
Answered: The onIncludeTimeCell logic should look like this (it works for two days and scale="Hours"): onIncludeTimeCell: (args) => {
const businessStart = 21; // 9 PM (21:00)
const businessEnd = 6; ...
Can't seem to be able to install with npm
Answered: We are upgrading the infrastructure and there was a temporary issue that has been resolved now. Please let me know if the problem persists.
Guest calendar
Answered: Please take a look at this tutorial: JavaScript Calendar in Read-Only Mode (Open-Source)
How to drag events to queue on iPad, currently it does not trigger events
How to drag events to queue on iPad, currently it does not trigger events
on gantt row expand
Answered: Since version 2025.1.5435, it is possible to handle these actions using these new events: onRowCollapse onRowExpand
change the Gantt link shape
Answered: Yes, you can use the same property (linkShape) in the Gantt Chart.
Is it possible to add custom html and css to the daypilot gantt?
Answered: You can use the onBeforeTaskRender event handler to customize the task boxes. This event will let you set custom color easily. {
onBeforeTaskRender: (args) => {
args.data.box.backColor = "#cc...
when custom theme link is not proper
When custom theme gantt chart, link between task is not displayed properly arrow is replayed like a semicircle
How to handle the progressBar per row in scheduler Angular
Answered: You can take a look at the JavaScript Scheduler: Resource Utilization Chart for Rows tutorial:
ExcelJS is not an optional property in the scheduler config
Answered: Thanks for reporting the problem. This issue has been fixed in a special release (2025.1.6429), which is now available.
Hovering a draggable event and change row background-color
Answered: Sorry for the delay. This can be done like this: const scheduler = new DayPilot.Scheduler("scheduler", {
onRowMouseOver: args => {
if (app.dragging) {
args.row.cells.all()....
Is it possible to edit gantt chart event
Answered: Yes, it is possible to activate inline editing mode for the row headers, or you can open a modal dialog with task details on click (see Task Editing).
is it possible to edit the event
Answered: Please see here: https://forums.daypilot.org/question/6575/is-it-possible-to-edit-gantt-chart-event
Facing issue while exporting data in RTL
Answered: Unfortunately, the image export is not supported in the RTL mode at the moment. It’s in the plan, but we can’t promise any delivery date.
overriding event start/end in moving to snap to a certain time isn't being reflected in the event overlap handling
Answered: It looks like you are using an older version - could you please give it a try with the latest release?
How to groupBy?
Answered: You can create custom time header segments using the method described in this tutorial: JavaScript Scheduler: Custom Time Header Segments
Excel export for Gantt?
Answered: Hi Leo, Sorry for the delay. Gantt export to Excel in the works and it will be available soon.
Error constructing DayPilot.Date()
Answered: Have you modified the source code? Or maybe you have overwritten the DayPilot.Date object? Because all this should work fine - you can also test it in the JavaScript console in the online demo.
How to access args.filter value in the onBeforeTimeHeaderRender event of DayPilot Scheduler
Answered: The filter param is only available in the onEventFilter event handler. The best way would be to store the filter value in a special variable outside of the Scheduler object. This approach is used for...
BusinessHoursNoScroll not rendering args.start correctly
Answered: I confirm the bug. It should be fixed now in the latest sandbox build. The fix will be included in the next release.
Filter hours
Answered: In the Lite version, you can use this config: {
businessBeginsHour: 8,
businessEndsHour: 21,
heightSpec: "BusinessHoursNoScroll"
} This will display only the specified hours, but there will...
Daypilotmenu context for day calendar NOT event
Answered: For the time range selection/grid cell right clicks, you can define the context menu using the ContextMenuSelectionID property. See also Time Range Context Menu.
selecting a date in the navigator
Answered: I was able to manually select the current date in javascript inside the form using dp_navigator.select(new Date()); thanks
Facing issue in calendar vertically scrolling with page scrolling
Answered: It is necessary to set a fixed position of the calendar in the page. You can do that by fixing the parent element and setting the height of the calendar to 100%. This way, you will be able to avoid t...
Gantt Chart Issue with Link Shape to RightAngled per version 2025.1.6345
Answered: The linkShape property is now available in the Gantt chart in the latest sandbox build (2025.1.6403).
Is it possible to implement timeheader with 3 hours as a part, but cell with 15 minutes as a part
Answered: Yes, this is possible. If the built-in time header units don’t work for you, you can define custom segments, as described in the following tutorial: JavaScript Scheduler: Custom Time Header Segments
Is there a way to display total quantities from events in the Scheduler Scale header, aggregated both weekly and monthly
Answered: Yes, you can use the onBeforeTimeHeaderRender event handler to customize the time header. There is a tutorial available that shows how to calculate the summary/utilization details using methods like ...
Questions 1-30 of 5129
Next