Active Questions
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...
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...
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...
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",
// ...
});
...
I don't see the event on the calendar but it is present on DB
Answered: This tutorial was created for an older version of PHP. PHP 8.3 produces warnings about using dynamic properties: Deprecated: Creation of dynamic property ... is deprecated in ... on line ... That dis...
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.
Remove Text
Answered: The DEMO label indicates that you are using a trial version of DayPilot Pro. To remove the label, you need to purchase a license.
Summing cost values stored in "tags" (args.data.tags.cost)
Answered: Yes, you can do it using the onBeforeCellRender event, like this: onBeforeCellRender: args => {
if (args.cell.row.data && args.cell.row.data.frozen) {
const events = scheduler.events.forRange...
Debug code for scheduler
Answered: Meanwhile, some general debugging info: > While all functionality works correctly in the HTML window (excluding double-click, right-click, and hover interactions on both row headers and events), sing...
YearView Scheduler
Answered: Thanks, Mikolaj! There are two options: You can force a specific line in a row using the line property of an event. You can join the events virtually into a single unit using the container property -...
Scheduler watch update events
Answered: In order to detect changes performed by the Scheduler UI in Vue, you need to watch the source object. Like this: <template>
<DayPilotScheduler
:events="events"
:resources="resources"
...
Event Calendar Delete Confirmation?
Answered: When you use an async function in the event handler, calling args.preventDefault() after await has no effect as the processing continues immediately (before args.preventDefault() gets called). You ne...
Restrict multiple Days Selection
Answered: Could you please post a screenshot that would show your requirement?
Multi day selection in week view
Answered: Unfortunately, this feature is only available in the Pro version at the moment. In the open-source version, the selection is limited to a single column of the Calendar component.
Plans on using Canvas?
Answered: Canvas is very fast, but it doesn’t support HTML for styling which is a huge disadvantage. We built a prototype some time ago. Everyone wants it fast but when it comes to styling, nobody wants to giv...
Uncaught DayPilot.Duration(): Invalid start argument, DayPilot.Date expected
Answered: Yes, this is where the exception comes from, but the stack trace points to the code that uses it. That would help identify the problem. According to your log, both objects are DayPilot.Date but they ...
Check For Overlap with Javascript
Answered: You can do it in the onEventMove event handler using the events.forRange() method: onEventMove: args => {
const movedEvent = args.e;
const newStart = args.newStart;
const newEnd = args...
Initialize Calendar to Show Start and End Time on Event
Answered: The showEventStartEnd property isn’t supported in the open-source version of the Calendar component at the moment. However, you can customize the event content as needed using the onBeforeEventRender...
Regarding removal of header as given in attached file with email.
Answered: Please see the src/index.html file in the project attached to the Angular Scheduler: Event Filtering tutorial - the header is defined there.