Active Questions
Add custom rows
Answered: At this moment you can't fully disable the row - but you can implement custom rules that are evaluated in real time. use onEventMoving for custom moving rules use onTimeRangeSelecting for custom time...
Timeline and room planner
Answered: The grid cells start at 12:00 (noon) and end at 12:00 (noon) the next day. Your events start and end at 00:00. You need to align the start with the grid. 1. You can store the real checkin/checkout ti...
ContextMenuSelection in DayPilot.Month
Answered: Unfortunately the context menu for time range selection is not implemented yet in the Month control.
End Date is not showing inclusive of date.
Answered: I assume you are talking about the month control: http://mvc.daypilot.org/demo/Lite/Month/ DayPilot works with full DateTime specification for both the event start and end. This means the end date is...
Day pilot scroll displaying always
Answered: Unfortunately I'm not able to reproduce the issue. If I add .cellWidthSpec = "Auto" to the following demo the horizontal scrollbar disappears: http://javascript.daypilot.org/sandbox/scheduler/height1...
How to show or bind the weekdays dynamically?
Answered: You can specify the week date using StartDate property. It is accessible in the config (DayPilotCalendarConfig class):
@Html.DayPilotCalendar("dpc", new DayPilotCalendarConfig {
BackendUrl = Ur...
How to bind MVC View's Navigator with Controller
Answered: The Navigator supports loading free/busy data from the endpoint specified using BackendUrl. Please see the following doc page: http://doc.daypilot.org/navigator/highlighting-busy-days/ You need to cr...
JavaScript runtime error: Unable to get property 'clientWidth' of undefined or null reference on Scheduler
Answered: The DayPilot.Scheduler instance is created automatically using the <DayPilot:DayPilotScheduler> tag. The ScrollToToday() method tries to create a new instance:
function ScrollToToday() {
var dp...
Height issue
Answered: HeightSpec = "Parent100Pct" setting requires careful setting of the parent element location/dimensions. The height of the parent element (div) has to be set explicitly. 1. Either use height:100% on a...
Cannot find daypilot-all.min.js
Answered: It looks like you have the ASP.NET WebForms version (http://www.daypilot.org/). To use DayPilot with AngularJS you need the JavaScript version (http://javascript.daypilot.org/). If you have purchased...
Identify the Area that triggered the drag
Answered: Good question! No, you can't at the moment. But let me check how to pass custom data to the event handler.
Incompatible DayPilot client script version. Expected 1478 (you are using 176-lite).
Answered: You are using incompatible versions of daypilot-all.min.js and DayPilot.Mvc.dll. In this case, the dll is from the Pro version and the .js is from the Lite version. You need to use both from the same...
How to add event in Calendar control
Answered: Please take a look at the following tutorial: http://code.daypilot.org/59860/asp-net-mvc-5-event-calendar It shows how to use the Calendar control in MVC. It uses the Pro version but the same approac...
Scheduler - Grey out events on saturday and sunday
Answered: The following code will change the event color to gray if it it overlaps a weekend:
protected void DayPilotScheduler1_BeforeEventRender(object sender, BeforeEventRenderEventArgs e)
{
...
Time range context menu in DayPilot.Month
Answered: Unfortunately, the context menu is not available for the time range selection in the Month control at the moment (not even in the current release).
multiple rows per resource
Answered: The Scheduler (with resources displayed as rows) is only available in the Pro version. It is only possible to display one row per resource. However, you can group multiple resources under a tree node...
How to install DayPilot Pro for ASP.NET WebForms (OEM Start)?
Answered: If you used the the trial version of DayPilot Pro it is enough to replace the DayPilot.dll in you web application. The trial assembly version ends with .1 (e.g. 8.1.3452.1 for the latest release). Th...
Change "gannt_default" design to my own design
I created a new Gantt design using the Theme Designer, put it into the same location as the other themes, created a <link> next to the other themes in my code and finally I tried to call it with "gan...
Space between two events in same resource
Answered: You need to modify the event CSS. An example for the default CSS theme (theme="scheduler_default"):
.scheduler_default_event_inner {
bottom: 2px !important;
}