Questions Tagged how-to

Answered: Unfortunately the divider div is not part of the resource header element so you can't control it using resource properties. However, you can hide the default divider and use a bottom border of the ro...

Answered: For the Calendar component (used in index.php and doctor.php) you can adjust the scale to show 15-minute cells using cellDuration property: var calendar= new DayPilot.Calendar("dp"); // ... calendar....

Answered: The Scheduler requires the key data (such as event start, end, id) to be stored in specific properties. You need to transform your data items to match the required structure. You can use map() to do ...

Answered: Ben, You can get a list of all events like this: var events = dp.rows.find("A").events.all(); And delete them: dp.rows.find("A").events.all().forEach(function(e) { dp.events.remove(e); }); See also: ...

Answered: The row height is derived from the event height (the total height is adjusted automatically to fit all events). You can specify custom event height for the parent rows using eventHeight property: htt...

Answered: You can change the behavior using onGridMouseDown event handler: https://api.daypilot.org/daypilot-scheduler-ongridmousedown/ Example: dp.onGridMouseDown = function(args) { args.action = "RectangleSe...

Answered: At this moment, you can only drop the events on another Scheduler instance. There are two ways to approach this: 1. Use a context menu item (something like "Unschedule") to remove an event from the S...

Answered: Henry, The time headers can use one of the group sizes defined here: https://doc.daypilot.org/scheduler/time-header-groups/ If you want to use a group size smaller than one hour you need to use group...

Answered: The sample CSS themes (including scheduler_8) can be found in the zip package (both trial and full versions), in demo/themes directory. You can also download it directly using this link: https://java...

Answered: This looks like a bug of Angular CLI. There seems to be a problem with all dependencies that are not stored in the npmjs registry (such as tarball and git sources): https://github.com/angular/angular...

Answered: You need to implement a custom rule using onEventMoving event handler - in the ASP.NET version it's accessible using EventMovingJavaScript property. See also: https://doc.daypilot.org/scheduler/event...

Answered: To perform a server-side redirect you need to use "PostBack" event handling type.

Answered: Please take a look at the documentation: https://doc.daypilot.org/calendar/event-deleting/ You need to use onEventDelete event handler to call backend_delete.php endpoint on the server side. You need...

Answered: Please see multiselect.isSelected() method: https://api.daypilot.org/daypilot-scheduler-multiselect-isselected/

Answered: You can get the visible date range using VisibleStart and VisibleEnd properties.

Answered: In the ASP.NET version, you can load the events dynamically during scrolling: https://doc.daypilot.org/scheduler/dynamic-event-loading/ This still requires the timeline to be loaded in full. That sho...

Answered: Yes, correct. The .queue() and .notify() calls are only necessary if you want to send an update to the server. If you just want to make a client-side change you don't need to call any of them.

Answered: https://code.daypilot.org/18967/event-calendar-with-day-week-month-views-for-asp-net-webfor probably is the answer thank you f

Answered: The SQL Server database schema looks like this: CREATE TABLE [dbo].[Assignment] ( [AssignmentId] BIGINT IDENTITY (1, 1) NOT NULL, [AssignmentNote] VARCHAR (2000) NULL, [AssignmentStart] DATETIME NOT ...

Answered: Just in case anybody stumbles over this problem or wants to achieve something similar I found this page ( https://doc.daypilot.org/scheduler/event-moving-customization/ ) very helpful. You can basica...

Answered: The Scheduler can prevents overlap during drag and drop operations ( https://doc.daypilot.org/scheduler/event-overlaps/ ). However, if you need to check the validity of the input values in a modal di...

Answered: If you have 300 events in events.list this code will fire 300 HTTP requests which will complete in more or less random order. In the success callback, you are requesting a full update() - the update ...

Answered: Please ignore this question. I have found the issue, there is something wrong with my loadEvent function. The system requires array of objects(something likes [{123},{124}]), however I sent array of ...

Answered: You can use DayPilot.Util.addClassToString() helper method: args.cell.cssClass = DayPilot.Util.addClassToString(args.cell.cssClass, "my-class"); This will handle the spaces and also check if "my-clas...

Answered: This behavior was caused by a bug. It's fixed now in the latest sandbox build (2018.2.3214): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.

Answered: Have you checked the docs? https://doc.daypilot.org/scheduler/event-deleting/

Answered: Each separator has to be entered as a special item in the separators array. I recommend using a loop to generate it for all Saturdays in the selected date range.

Answered: At this moment the time range selection only works for whole steps (the snap-to-grid option doesn't apply here - https://doc.daypilot.org/scheduler/snap-to-grid/ ). However, you can use smaller cells...

Answered: You can store your period data in resources[] or in a global array and use onBeforeCellRender to check overlaps with the current cell. There is an Angular tutorial that shows how to do that - it's wr...