Active Questions
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.
How do I enable multi-range selection by default
Answered: This can't be done at the moment, but please let me check if it could work after making some changes.
Show time header area text when hover cell
Answered: Unfortunately, this scenario is not supported at the moment.
show appointments as free time
Answered: There are two options: You can mark the unavailable parts of the timeline as disabled (see Disabled cells in the Scheduler, Disabled cells in the Calendar). If the available slots have a fixed durati...
how do you show a custom resource tag on the resourcebubble event
Answered: The resource bubble receive a simplified resource object with basic information only. However, you can use it to load the full DayPilot.Row object like this: resourceBubble: new DayPilot.Bubble({
...
Implement a copy-paste functionality using context menu
Answered: This is correct. The server-side Command event is fired by the commandCallBack() method (in the menu item action JavaScript).
Build a resource utilization row for .net webforms version
Answered: Unfortunately, this feature is not supported in the WebForms version.
Confirmation prompt of event resize or event move
Answered: You can find an example in the documentation, Event Moving page (expand the ASP.NET WebForms section to see it): <DayPilot:DayPilotScheduler runat="server" id="DayPilotScheduler1"
...
Clien...
Highlight Current Time Indicator
Answered: You can use a separator to display the current time indicator in the Angular Scheduler component: config: DayPilot.SchedulerConfig = {
separators: [
{
location: DayPilot.Date.now(),
...