Active Questions
Max Events
Answered: This example uses onBeforeCellRender to customize the monthly calendar cells. It adds the action button using an active area. In Angular, it could look like this:
onBeforeCellRender: (args) => {
...
Getting error while downloading a range image
Answered: This issue should be fixed now in the latest sandbox build (2023.1.5540): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.
508 Compliant
Answered: The Scheduler provides the following tools to help you make it accessible: the Scheduler elements (main areas, items) are marked with "aria-label" attributes you can enable keyboard support (https://...
Button with bind action angular
Answered: I assume you mean the modal dialog: Unfortunately, Angular components in the form items are not supported at the moment.
Display Icon in options on Modal form
Answered: At this moment, icons can't be displayed in <select> items - it uses the standard browser element and that doesn't support HTML in <option> elements. You can implement your own form item type using p...
month_transparent_event_hover repeating
Answered: It looks like you have modified the source code - you should use the original (commented-out in your screenshot) regex:
var already = new RegExp("(^|\\s)" + name + "($|\\s)");
Quick way to set background color of cells in DayPilotScheduler
Answered: The BeforeCellRender event is fired for every cell and it needs to be kept as efficient as possible. It is not possible to run a new database query in every invocation. I recommend running a single q...
Change Hour Format
Answered: You can hide the minutes using CSS:
.calendar_default_rowheader_minutes {
display: none;
}
Calendar Customization
Answered: It is possible to modify the appearance using CSS. You can either override the built-in CSS theme for selected elements or you can create a custom CSS theme (https://themes.daypilot.org) and adjust i...
error with computed function (Calendar)
Answered: The $refs values will only be accessible after the component is mounted. Before that, this.$refs.calendar (or any other $refs value) will be undefined and you will see this error. 1. If you move your...
Use method on click (Calendar)
Answered: Yes - you should take a look at the onTimeRangeSelected event handler in your application. By default, the calendar doesn't do anything when you select a time range (click a cell) so if you see a mod...
Is there any way to export range SVG/PNG in Gantt View?
Answered: This should work fine - DayPilot.Gantt.exportAs() method uses the same syntax as DayPilot.Scheduler.exportAs(). However, the range defined using "dateFrom" and "dateTo" can only define a subset of th...
Create event only by clicking (Calendar)
Answered: If you click a calendar cell, it will fire onTimeRangeSelect (and onTimeRangeSelected) event handler where you can create a new event. This works in both versions (Lite and Pro). To make sure only a ...
Drag-drop from month calendar
Answered: At this moment, this is not supported but we will take a look at it.
How to display custom task array elements (React Calendar)
Answered: I have managed to solve this and the solution was: the method that build my events array was async and due to that fact, to update the events field in state I had to perform setState in .then functio...
ERROR TypeError: this.f is not a function at DayPilot.Navigator.select
Answered: This turned out to be a minification issue. It should be fixed now in the latest sandbox build (2023.1.449): https://release.daypilot.org/changes/jslite/ The next official release will be available n...
Prevent Event Move (Vue Scheduler)
Answered: You can implement custom rules for event moving using "onEventMoving" event handler. You can find an example here: https://doc.daypilot.org/scheduler/event-moving-customization/
Parent resource id (Vue Scheduler)
Answered: The "dp" variable used in example is a reference to DayPilot.Scheduler object. In Vue, you can get it using the "ref" attribute:
<template>
<DayPilotScheduler id="dp" :config="config" ref="sched...
How to manage dates in Gantt Chart View.
Answered: You can either use a string value (such as "2023-02-15" or "2023-02-15T00:00:00") which will be converted to an exact date.
const date = new DayPilot.Date("2023-02-15T00:00:00");
If you have a Da...