Questions Tagged how-to
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)
{
...
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...
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).
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...