Questions Tagged
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(...
JavaScript Scheduler Control
Answered: No, at this moment it's only available in the ASP.NET WebForms version.
Problem clearing events in Angular
Answered: A few notes: 1. When performing the operations on the events you can either modify the model or use the direct methods. The difference is that the direct methods call $apply to notify Angular about t...
Cell background set in BeforeCellRender but not show for whole scheduler
Answered: Are you using the latest DayPilot version? Something like this can happen: 1) if the Scheduler height is detected incorrectly (this may happen if the parent element is hidden during the Scheduler ini...
Day Pilot Navigator cannot move to next month when scheduler in next month
Answered: I confirm the bug. It should be fixed now in the latest sandbox build (8.1.3461): http://www.daypilot.org/sandbox/ Let me know if there is any problem.
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/
Delete icon in Monthly Calendar
Answered: I can see the delete icon on this demo page (IE, FF, Chrome, Edge): http://javascript.daypilot.org/demo/month/eventdeleting.html Do see the problem in the demo as well? A few things to check: 1. The ...
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...
Expended End Date
Answered: If this solution doesn't work for you (it spans the event box till the dotted end): http://forums.daypilot.org/Topic.aspx/2834/expected-end-date you can use two separate events (one with the actual d...
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...
Renewal Pricing
Answered: The initial purchase includes 12 months of maintenance (upgrades and support). The renewal is 20% of a new license price per year (i.e. $499 for the Web Office license). The renewal is optional. If y...
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.
Expected End Date
Answered: You can set custom CSS for an event using onBeforeEventRender. See also: http://doc.daypilot.org/scheduler/event-customization/ CSS
<style>
.expected .scheduler_default_event_inner {
...
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...