Active Questions
Keep drag and drop preview through rerenders
Answered: Sorry for the delay! I assume that you are using dynamic event loading to load additional data during scrolling (onScroll event). In the event handler, you should only update the Scheduler by calling...
How to resize row header column on touch devices
Hello, Can the width of the Scheduler's Row Header Column be configured to allow resizing on touch devices? Additionally, when rowHeaderScrolling is set to true and the splitter is displayed, is it p...
Next invisible month
Answered: In the Scheduler, the visible range is set using the startDate and days properties. You should use the combination that displays the desired date range. Another option is to create a custom timeline ...
How to ensure that the calendar fills the entire HTML page?
Answered: Unfortunately, setting the calendar height to 100% of its parent is only supported in the Pro version at the moment.
Event drag not working in corner cases in JavaScript Lite version
Answered: There was a bug in the calculation of the grid boundaries. It’s fixed now in the latest sanbox build (2024.2.525): https://release.daypilot.org/changes/jslite/ Test: https://jsfiddle.net/ucvksntf/4/
customizing context menu with click/touch
Answered: Sorry for the delay! Which component do you use (Calendar, Scheduler..)? > I am also wondering if it would be possible to pass information from the onEventClick event to the context menu’s onShow eve...
Is there any way we can hide the right side of the gantt chart
Answered: The Gantt chart component is not designed for this mode, but you can hide the the time grid using the following properties: scale: "Manual",
startDate: "2020-01-01", // use a day in the past
can we change the expander or collapse icon
Answered: You can change the icons using CSS. This is how the icons are defined in the default CSS theme: .gantt_default_tree_image_expand {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz...
Changing the date in the resource calendar
Answered: To change the current date, it is necessary to update the startDate property, which is used as the default date for the columns (if they don’t specify a custom date). You can find an example here: Ne...
How to export the Scheduler as image/pdf in React
Answered: You need to access the DayPilot.Scheduler object using the control property of the DayPilotScheduler component: const scheduler = schedulerRef.current.control; Another option is to use the controlRef...
Year View
Answered: Yes, this is possible. You can use the same technique that is used in the yearly calendar tutorial (which displays months as columns) - define rows with custom start, one per month: <div id="dp"></di...
location is not changing
Answered: It looks like there is bug in the onchange event handler. An updated version will be released soon.
How do I create different event behaviors for touch/click
Answered: In the onEventClick and onEventClicked events, you can access the original event as args.originalEvent. Using the original event object, you can check if the source was a touch event: onEventClick: (...
custom bubble/context menu for different event types
Answered: There are two options: 1. You can use onBeforeEventRender to assing a custom bubble HTML to each event: {
onBeforeEventRender: args => {
args.data.bubbleHtml = `my bubble HTML`;
},
// ....
Resize Event daypilot-scheduler doesn't work. App crash
Answered: Unfortunately, I’m not able to reproduce the issue. Would you be able to post your config and a sample event?
How to set dates in X-Axis and resources in Y-Axis
Answered: You can use the Calendar in resources mode:
Populate dropdown options using Thymeleaf in a const form
Answered: Thymeleaf can’t be used this way. I recommend loading the server-generated data using a special HTTP call. It could look like this: const {data} = await DayPilot.Http.get(`/get/my/options`);
const f...
Autoscroll not working on touch devices.
Answered: OK, thanks for the update. I’ve added it to the wishlist.
columnBubble is shown at different location
Answered: This issue should be fixed now in the latest sandbox build (2024.2.5913). Please let me know if the problem persists.