PHP 8.1 support
Answered: In the Scheduler, events will only be displayed if the "resource" property value of an event matches the row id as specified in "resources" array, "id" property. The values need to match exactly, i.e...
Recurrent events
Answered: You can display recurrent events (and add the necessary icons) but you need to handle the recurrence definition and storage on the server side. The calendar needs to receive the individual occurrence...
how to select multiple value in form dropdown
Answered: Unfortunately, it is not possible to select multiple options from the drop down list (type: "select" or type: "searchable"). I recommend using a set of checkboxes instead (type: "checkbox").
Honoring grid layout
Answered: This seems to be caused by the wrapper divs that you use to display the columns for DayPilotNavigator and DayPilotCalendar. The tutorial uses "display: flex" to arrange these components but your code...
How to not show non business Hours in DayPilotCalendar
Answered: You can hide non-business hours using the heightSpec property:
const calendar = new DayPilot.Calendar("dp", {
heightSpec: "BusinessHoursNoScroll",
//...
});
calendar.init();
See also: htt...
JavaScript Scheduler Model Custome date selection
Answered: You can use the "dateFormat" property of the date field:
const resources = [
{name: "Resource A", id: "A"},
{name: "Resource B", id: "B"},
{name: "Resource C", id: "C"},
];
const form ...
How to hide elements in the hours row?
Answered: This looks like the minute part which is included in the standard view. However, it doesn't display if you use timeHeaderCellDuration value other than 60. I recommend checking the onBeforeTimeHeaderR...
Evento useless in shade
Answered: You can disable time range selecting using the config:
{
timeRangeSelectedHandling: "Disabled",
// ...
}
If you want to use this feature to create new events, it is necessary to call clear...
Moving and resizing tasks was not explained
Answered: You can find the documentation here: Resizing: https://doc.daypilot.org/gantt/task-resizing/ https://api.daypilot.org/daypilot-gantt-ontaskresize/ Moving (horizontal): https://doc.daypilot.org/gantt/...
Loading pic
Answered: Probably the easiest solution would be to add a simple <img> element that you hide using CSS so it isn't visible by default. Then you can make it visible using a client-side click event handler (OnCl...
List of all questions.