Questions Tagged how-to

Answered: You need to turn the features off one by one: dp.eventMoveHandling = "Disabled"; dp.eventResizeHandling = "Disabled"; dp.timeRangeSelectedHandling = "Disabled"; See also the following tutorial on mak...

Answered: It's now possible to use fixed column width (since build 8.4.2890). See the sandbox: https://javascript.daypilot.org/sandbox/kanban/columnfixedwidth.html You can switch to fixed width like this: dp.c...

Answered: You can use an active area ( https://doc.daypilot.org/scheduler/event-active-areas/ ) to place a custom rectangle the the specified position. Like this: e.Areas.Add(new Area().Bottom(0).Left(0).Width...

Answered: The best way to target the DOM elements would be using the internal CSS classes (derived from the theme name) that are applied to the Scheduler: https://kb.daypilot.org/62119/list-of-css-classes-used...

Answered: In Java, you can load the resources on the server side using getResources() method. Just fill the collection as needed. An example from https://java.daypilot.org/scheduler-tutorial/ : public class Dp...

Answered: The exportAs() method is available in the Scheduler (DayPilot.Scheduler object) since version 8.2.2117. Note that it's not available for the other controls yet (Calendar, Month, Gantt...). Let me kno...

Answered: The documentation can be found here: AngularJS 1.x documentation for <daypilot-gantt>: https://doc.daypilot.org/gantt/angularjs/ Angular 2+ documentation for <daypilot-gantt>: https://doc.daypilot.or...

Answered: Both sources - the article ( http://code.daypilot.org/63034/angularjs-event-calendar-open-source ) and the forum topic ( https://forums.daypilot.org/Topic.aspx/3170/directive-not-working ) use Angula...

Answered: Hi, If you are still looking for a solution. in MVC we have OnEventMove() being called on moving the events. You can probably check if the row is the one which you are looking for to be disabled. In ...

Answered: The resource id is available in "resource" variable in TimeRangeSelectedJavaScript: <DayPilot:DayPilotScheduler TimeRangeSelectedHandling="JavaScript" TimeRangeSelectedJavaScript="console.log(start +...

Answered: Yes, you can simply override the default TimeRangeSelectedJavaScript value with an empty string: <DayPilot:DayPilotScheduler ... TimeRangeSelectedJavaScript="" />

Answered: That should work if you replace OnInit with OnFinish. OnInit is called once per page load, when the Scheduler is first displayed. OnFinish is called at the end of every callback request.

Answered: You can use the direct cells API, e.g. https://api.daypilot.org/daypilot-scheduler-cells-find/ Just a note - you need to remember the changes made to the cells and redo them when it's finished.

Answered: Now (since build 8.3.2847) you can also access the events in the group using args.group.events array: https://api.daypilot.org/daypilot-scheduler-onbeforegrouprender/ The latest build is available in...

Answered: There is onAfterEventRender event that you can use to attach custom listeners to the event div: https://api.daypilot.org/daypilot-scheduler-onaftereventrender/ Example dp.onAfterEventRender = functio...

Answered: It should be fixed now in the latest sandbox build (8.3.2842): https://javascript.daypilot.org/sandbox/ Let me know if the problem persists.

Answered: This issue should be fixed now in the latest sandbox build (8.3.2841): https://javascript.daypilot.org/sandbox/ Let me know if the problem persists.

Answered: The DayPilot namespace still works the same way. Just import it: import {DayPilot, DayPilotSchedulerComponent} from "daypilot-pro-angular"; And you can use it in the code.

Answered: Found a solution: dc = dp.resources[x].children[y].id; var dcStart = dp.events.find(dc).data.start; var dcEnd = dp.events.find(dc).data.end; var deStart = args.start.addMinutes(30); var deEnd = args....

Answered: The resources will be displayed in the order specified in the Resources collection. When adding a new Resource just insert it at the specified position or sort the collection before updating the Sche...

Answered: You're right, sorry. The latest version requires a different syntax. @Html.DayPilotCalendar("dpc1", ...) @Html.DayPilotCalendar("dpc2", ...) <script> dpc1.nav.bottomRight.addEventListener("scroll", f...