Questions Tagged how-to

Answered: I assume you want to prevent the Scheduler from aligning the events with the grid cells - in that case take a look at UseEventBoxes property: https://doc.daypilot.org/scheduler/exact-event-duration/ ...

Answered: EventMoveJavaScript supports the following variables: e (DayPilot.Event object) newStart (DayPilot.Date object) newEnd (DayPilot.Date object) ctrl (boolean) shift (boolean) The Scheduler and Calendar...

Answered: You can use IsAllDayEvent property: DataAllDayField = "IsAllDayEvent" See also: https://msdn.microsoft.com/en-us/library/microsoft.exchange.webservices.data.appointmentschema.isalldayevent (v=exchg.8...

Answered: Update: "dp" is the DayPilot.Scheduler object. This is a complete Scheduler component example: import {Component, ViewChild} from '@angular/core'; import {DayPilot} from "daypilot-pro-angular"; @Comp...

Answered: The following tutorial (for AngularJS 1.x) shows how to display total time occupied by events in each row: https://code.daypilot.org/54503/angularjs-timesheet-tutorial-javascript-php You can use the ...

Answered: It looks like you are missing the following import: using DayPilot.Web.Mvc.Events.Month; You can also add the full namespace to the header: protected override void OnInit(DayPilot.Web.Mvc.Events.Mont...

Answered: If I understand it correctly you are asking for something slightly different than the original question: https://forums.daypilot.org/Topic.aspx/2944/how-to-block-and-show-a-complete-day Konrad would ...

Answered: Unfortunately, using the swipe gesture to change the calendar view is not supported at the moment.

Answered: This change is now implemented in the latest DayPilot Pro for ASP.NET MVC build (8.3.5851). You can download it in the sandbox: http://mvc.daypilot.org/sandbox/ Any object passed using Resource.DataI...

Answered: Sorry I'm got it. must be change the "Scale = TimeScale.Manual" to "Scale = TimeScale.Day"

Answered: 1. You can get the current selection using the following properties: * nav.selectionDay - the exact day that was clicked * nav.selectionStart - start of the selection * nav.selectionEnd - end of the ...

Answered: The easiest way would probably be to insert custom separators at the specified time points: https://doc.daypilot.org/scheduler/separators/

Answered: There is an internal JavaScript API that you can use (assuming ClientObjectName="dp"): Current mouse cursor position as date/time (DayPilot.Date object): var date = dp.getDate(dp.coords.x, true); Sta...

Answered: The onBeforeCellRender applies the properties (business/non-business) to grid cells. The business status can be set for each cell separately and it's possible that cells in the same column will not h...

Answered: The JavaScript files in in the ASP.NET WebForms are not licensed for standalone usage - they can only be used within the DLL as embedded resources. If you prefer using the JavaScript version you can ...

Answered: You can ask your question here in the forum: https://forums.daypilot.org/question/new Or you can contact support directly: support@daypilot.org.

Answered: It looks like you are using the Lite (open-source) version that doesn't support these features. See also the "Availability" table at the bottom of the documentation pages: https://doc.daypilot.org/sc...

Answered: Oh, found another answer that seems to have answered this. The first parameter needs to be null, not that last parameter as indicated in the above link. onmousedown='return DayPilotCalendar.dragStart...

Answered: You can modify the cells on the fly using the cells API, e.g. dp.rows.find("A").cells.all().html("A"); You can also add/remove CSS classes using .addClass() and removeClass(). See also: https://api.d...

Answered: Since build 2535 you can call dp.rows.filter("filter"); before .init() to apply the filter. You can get the latest build in the sandbox: http://javascript.daypilot.org/sandbox/ Let me know if it does...

Answered: If you want to set a color of the grid cells you can use OnBeforeEventRender event handler: https://doc.daypilot.org/scheduler/cell-customization/ Generating a special type of event with a custom col...

Answered: The Lite edition doesn't support the built-in "delete" icon like the Pro version: https://doc.daypilot.org/calendar/event-deleting/ The best way would probably be to add a "Delete" button to the moda...

Answered: It's a propery of the Task class. You can set the value like this: Tasks = new TaskCollection(); Task task = new Task("Task 1", "1", DateTime.Today, DateTime.Today.AddDays(5)); task.Complete = 50; //...

Answered: If you need to display data from multiple fields you can use BeforeEvenRender event handler to customize the event HTML: https://doc.daypilot.org/calendar/event-customization/