Questions Tagged how-to

Answered: You can use the real-time event handlers to implement it: EventMovingJavaScript EventResizingJavaScript TimeRangeSelectingJavaScript The latest sandbox build (8.3.3582) supports DayPilot.Row.events.f...

Answered: In the Calendar control, you can use ScrollPositionHour property to set the initial scrollbar position.

Answered: I've updated the version and its solved. thanks.

Answered: Thanks for the reply Dan. No issue with clearing it manually. It was just acting slightly different from the Lite version and wanted to be sure it wasn't something stupid that i did.

Answered: If you mean the grid cells starting and ending at 12:00 (noon) instead of 00:00 (midnight) then this is implemented using a custom timeline feature: https://doc.daypilot.org/scheduler/timeline/ It's ...

Answered: The Scheduler supports BlockOnCallBack property that allows blocking the UI during CallBacks (until the CallBack is resolved). It temporarily places an overlay div over the Scheduler which prevents a...

Answered: To get it working you need these elements: 1. A MVC view with the calendar (Views/Home/Index.cshtml) 2. A controller action for this view (Controllers/HomeController.cs: Index() method) 3. A controll...

Answered: Strange issue. The Scheduler doesn't get rendered properly when it's in a hidden part of a page during initialization (such as an inactive tab). This happens because the browser doesn't calculate dim...

Answered: The Scheduler needs to read its own dimensions after rendering in order to render the current viewport. This isn't possible if the Scheduler is in a hidden area of a page (e.g. in a <div> with displa...

Answered: You can set the grid cell color using BeforeCellRender event handler. Alternate row colors: https://doc.daypilot.org/scheduler/alternate-row-colors/ Note that BeforeCellRender/e.X and e.Y are availab...

Answered: This behavior is described here: https://doc.daypilot.org/scheduler/event-end-date-time/ You can switch the logic using EventEndSpec="Date" (the default value is EventEndSpec="DateTime"). Let me know...

Answered: With Angular CLI (which uses Webpack) the Angular 2 project needs to be run using "ng serve" (available as "npm run start"/"npm start") during development. That's why the tutorial uses two independen...

Answered: You can use hideOnMouseOut property: var dp = new DayPilot.Menu({ items: [ {...}, {...}], hideOnMouseOut: true });

Answered: You can customize the cell width using cellWidth property. The Gantt chart component is based on the Scheduler and in uses the same API: dp.cellWidth = 60; dp.update();

Answered: Got this to work with following code change:- let shiftToDelete = dp.events.find(this.selectedEventId); dp.events.remove(shiftToDelete); dp.clearSelection(); But is it necessary to call clear selecti...

Answered: A tutorial on row filtering in Angular 2 is in the works and it will be published in a day or two. The row header width autofit should work fine, let me check that.

Answered: It's possible to open the edit dialog on the client side as soon as the TimeRangeSelected callback is finished. You can pass custom data back to the client side using DayPilotCalendar.Update() and re...

Answered: Hi Devendra, Have you seen this thread? http://forums.daypilot.org/Topic.aspx/3626/angular2-scheduler-performance-issue-after-upgrade The latest Angular 2 version (2.3+) degrades Scheduler performanc...

Answered: You can build the DayPilotMenuConfig on the server side and pass it to @Html.DayPilotMenu helper using a Model. However, this will only work if you know the state when the page is being rendered. If ...

Answered: Please see my reply here: https://forums.daypilot.org/Topic.aspx/3641/dp-scrollto-is-giving-performance-issue-on-ie-browser It points to a longer discussion: http://forums.daypilot.org/Topic.aspx/362...

Answered: You need to use daypilot-all.min.js file from the full package. This file is different for the licensed version.

Answered: You need to use Scale="Manual" and generate the timeline manually: https://doc.daypilot.org/scheduler/timeline/ Something like this: private void CreateTimeline() { DayPilotScheduler1.Scale = TimeSca...