Questions Tagged
Business hours management scheduler
Answered: I assume that you mean the feature that lets you skip non-business hours during event moving. This adjustment is only applied during event moving and not to the data source. The Scheduler assumes tha...
groupConcurrentEvents expand/close all
Answered: You can find an example in the following demo: Group Concurrent Events (Demo) It shows how to add an expand/collapse icon to the row headers using the onBeforeRowHeaderRender event handler.
Facing Issue To Export Data
Answered: During export, the Calendar sometimes isn’t able to read custom CSS. That’s why you see white text on white background. The formatting issues can be handled using the export customization event handl...
Auto fill scheduler events to cell height
Answered: Unfortunately, that is not possible. Events are arranged in horizontal lines inside rows (see also Event placement strategies) and the line height is determined by the event height. It is possible to...
Facing Issue To Set Time Range in Resource View
Answered: The properties you are using are not correct. There are two options: You can change the business hours (business hours affect the viewport height in the default config - see also Height) using busine...
Concurrent Event Group Missing Events
Answered: This should be fixed now in the latest sandbox build (2025.1.6343).
ideas for grouping events in Calendar
Answered: The best way would probably be to add the nested events as active areas inside events. The position of active areas can be specified in pixels (top/bottom/height properties) or you can replace top an...
Issue With Horizontal Scrolling Reset in RTL Resource View in Latest Released Version
Answered: I assume that you are referring to this issue. It has been fixed in the latest sandbox build (i.e. 2025.1.6339+). You can download the latest build in the sandbox. The next official release that will...
DayPilotMonth - span multiple pages based after x number of events
Answered: Update: The Weeks mode is fully supported by the server-side image export so you can export individual weeks by setting ViewType to Weeks (DayPilot.Web.Ui.Enums.Month.ViewTypeEnum.Weeks), Weeks to 1 ...
Issue With Horizontal Scrolling Reset in RTL Resource View
Answered: This was caused by a bug in the AutoScroll feature. The problem should be fixed now in the latest sandbox build (2025.1.6339).
Yearly Scheduler and Multirange
Answered: This bug should be fixed now in the latest sandbox build (2025.1.6338). For now, a range that spans multiple rows will be limited to the first row when added using multirange.add().
Scroll to a specific row
Answered: To scroll to the specified row, you can use the scrollToResource() method.
Need to show horizontal scrolling on top also
Answered: Unfortunately, this is not supported. However, if the problem is that the bottom scrollbar is not accessible without scrolling, I recommend checking the heightSpec property which lets you set the hei...
Scheduler export date range problems
Answered: By default, the exportAs() method includes the current viewport in the exported image. You can use the area property of the options parameter to include the full timeline (area: "full") or a manually...
How to change time from am,pm to 24h
Answered: The easiest way is to use a locale for which the timeFormat property is set to "Clock24Hours". You can also customize individual properties directly - see localization in the docs.
Next.js Resource-Scheduling Calendar (Open-Source) i have a problem using it on mobile the controls are the problem
Answered: The open-source version doesn’t support all functionality on touch devices at the moment. For example, you can click a time slot to select it but you can’t select multiple cells by dragging. The full...
How to detect click on disabled cell
Answered: Please take a look at the following tutorial, which uses onTimeRangeSelecting, onEventMoving and onEventResizing to disable custom time segments (that do not correspond to whole cells): JavaScript Sc...
Dr Appointment usecase in Angular
Answered: Unfortunately, the doctor appointment reservation tutorial is not available for Angular + ASP.NET Core at the moment.
Can i set 45 minutes meeting time in daypilot without pro version?
Answered: The duration of the time slots in the open-source edition is fixed and is set to 30 minutes in the current version. You can display 45-minute events in the calendar, but the event box will be aligned...
Cell Height for the event no correct
Answered: It the open-source version, the event box is always aligned with the grid cells. In the Pro version, it is possible to turn off this behavior (see exact event duration). The real start and end is hig...
Why onEventDelete method delete the event from frontend when click delete?
Answered: If you want to wait for the result of an HTTP request, you need to cancel the default action using args.preventDefault() and delete the event manually using event.remove() method when the HTTP reques...
Time Range Click with multi range not working
Answered: These events are fired for the current selection (the one you click), but you can always get all selected time ranges using the multiselect.get() method. Please let me know if this is not what you ar...
How to get the event div position in daypilot
Answered: You can mark the event div with a custom attribute using the onAfterEventRender event handler: onAfterEventRender: args => {
args.div.dataset.eventId = args.e.data.id;
} Than you can get the even...
Cannot Change View Type To "Resources"
Answered: Most likely, you are using DayPilot Lite for ASP.NET WebForms - the open source version for ASP.NET. At this moment, the resources view is supported in the open-source JavaScript version and in all P...
DayPilotMonth Integration with MS Outlook
Answered: You are right, this iCalendar tutorial is a bit outdated. I’ve added your request to the tutorial plan and it should appear at code.daypilot.org soon. We don’t plan to add iCalendar support directly ...
Consistent .makeDraggable() functionality
Answered: In the latest release (2024.4.6293), the makeDraggable() methods for Calendar and Scheduler components now use the same structure of the options parameter. remove, onDragStart and onDrop are availabl...
Changing date format on Day/Week view
Answered: You can use the locale property to apply culture-specific settings (such as date format, first day of week….). const calendar = new DayPilot.Calendar("calendar", {
locale: "en-au",
// ...
});
...
daypilot-pro-angular - Angular version 15
Answered: Please make sure that you are using the latest DayPilot Pro version. Angular Ivy is supported since version 2022.2.5344.
Delete (x) button is not shown, when there are overlapping dates
Answered: There are multiple modes available for arranging overlapping events. If you use eventArrangement: "SideBySide", the events will be displayed with their full width always visible.
beforeCellRenderCaching in 'normal' calendar
Answered: Hello Dan, while I was preparing some code for this issue, I found the mistake myself… my backend data was fetched via rest call correctly, but the data was not assigned to the object, which I use in...
Questions 1-30 of 5083
Next