Questions Tagged how-to
How to modify source code to set event color in lite version
Answered: Guidance on how to modify the Lite source code to add specific features is beyond the scope of the support that we provide for the open-source version. If you want to save time inspecting and modifyi...
Gantt not rendering when deployed to IIS
Answered: There is no limitation built into the demo that would prevent deploying it on IIS. The rendered code (ASP.NET WebForms) should have three parts: 1. The empty div with id set to the ID of the control....
DayPilot Month Calendar
Answered: If you are using the DayPilot modal dialog: 1. You need to secure the "edit" page itself - this is required because DayPilot settings can be circumvented (they are client-side only). 2. Depending on ...
DayPilot Month Calendar
Answered: If the modal gets hidden by another part of the page (that uses position:relative or position:absolute) you can increase the z-index value using .zIndex property of the DayPilot.Modal object. See als...
Event Filtering on Calendar
We have been using DayPilot for quite a while now and have been offering our clients the ability to filter events based on the location and other criteria for that event. That works great except when...
Action on event click before mouse released
Answered: If the problem is that "nothing happens" i.e. the user gets no visual feedback you can use a different approach: Instead of definining moveDisabled:true on the event set a special custom property wit...
Gantt Control, Tasks same row
Answered: The Gantt control is designed to display one task per row. 1. There is an option to display different task "versions" for the same row. However, they are read-only and they will stacked vertically in...
Re-enabling selected event
Answered: You need to call dp.events.update() after modifying the event properties. Something like this should work:
dp.contextMenu = new DayPilot.Menu({items: [
{text: "Enable moving", onclick: function(...
DayPilot Lite Not able to modify source code
Answered: You are using an incorrect daypilot-all.min.js file. The daypilot-all.min.js client-side library you are using (1478) is taken from the Pro version (not open-source). You must use the client-side lib...
Source code for day pilot lite version
Answered: It's included in the download package (.zip) in the Source folder: http://mvc.daypilot.org/download/
Sync 2 DPs
Answered: Please see the following demo: http://javascript.daypilot.org/demo/scheduler/eventmovingtwoschedulers.html
// scrollbar synchronization
$(document).ready(function() {
$(dp.nav.scr...
List of options for JavaScript Day Pilot
Answered: The information on which features are supported can be found in the docs: http://doc.daypilot.org/ See also the feature matrix: http://javascript.daypilot.org/feature-matrix/ The API docs describes t...
Looking for an event that fires after rendering ALL events
Hello, Is there an event that is similar to "onAfterEventRender", but fires when it finished rendering all events, not just a single one? Or is there a way to use the existing "onAfterEventRender" an...
Switch from Demo (no .DLL) to DayPilot Pro
Answered: In case of the JavaScript version the only file you will replace is the client-side library (daypilot-all.min.js). You can use the following link to buy DayPilot Pro for JavaScript: http://javascript...
i m doing the calender using daypilot dll
Answered: Both DayPilot Lite and DayPilot Pro for ASP.NET MVC downloads include binaries for MVC3, MVC4 and MVC5 (see the Binary folder in the .zip package). It looks like you are trying to use the MVC 4 binar...
Bubbles in Gantt
Answered: In the Gantt control, the following properties are available: BubbleTask BubbleCell BubbleRow You can use BubbleTask to specify the bubble for task boxes (in the grid) and BubbleRow to specify the bu...
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...
How to change class file?
Answered: There is nothing special you have to do. Just modify the classes you need and recompile the project.
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...
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...
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...
ContextMenuSelection in DayPilot.Month
Answered: Unfortunately the context menu for time range selection is not implemented yet in the Month control.
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...
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...
Integrate with Google Calendar or iCalendar
Answered: There is a tutorial on iCalendar export in the works, it will be published in a few days.
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)
{
...