All Questions

Navigator looks weird

Hi, This is how the navigator looks: http://i.imgur.com/lK6Pdft.png code: http://pastebin.com/rHqzC1zn As you can see the bottom line is to short and the right line doesn't show at all. How can I fix...

Scheduler Drag and Drop

Answered: I have replaced this line: var top = (event.part && event.part.top) ? (event.part.top + calendar.rows[event.part.dayIndex].Top) : coords.top; by this line: var top = (event.part && event.part.top && ...

Display Scheduler for specified Start and End date

Answered: At this moment the scheduler only works with .startDate and .days properties. You can use DayPilot.DateUtil.daysDiff(first, second) helper method to calculate the .days property: var days = DayPilot....

Resize column widths on the fly

Answered: I've created a simple demo that uses your approach (<input type="range">): http://javascript.daypilot.org/sandbox/scheduler/cellwidth.html Implementation: <div class="note">Cell Width: <input type="r...

Refresh Daypilot not working correctly

Answered: I believe removing AutoPostBack="true" will fix your problem. If you have both AutoPostBack="true" and OnCheckedChanged="CBAct_CheckedChanged" set the following happens on the checkbox change: 1. The...

Monthly Calendar Monthname title with Navigator

Answered: The problem is that you are manually calling onTimeRangeSelected without any parameter. Take a look at the source of this page: http://javascript.daypilot.org/demo/month/navigator.html This is the be...

Background Color for a Particular Event.

Answered: You would be better off switching to the JavaScript version of DayPilot Lite. As this is a pure client-side solution (without the server bindings) it takes just one place to change the behavior. The ...

Problems with Exporting as png file - Please help.

Answered: The problem should be fixed now in the latest sandbox build (8.1.3468): http://www.daypilot.org/sandbox/ The exception will not appear anymore. The behavior is as follows: 1. If the auto cell width m...

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 ...

Navigator in Day Pilot Lite Version

Answered: Sorry - it is but it doesn't have any server-side part. The JavaScript source can be found in Demo/Scripts/DayPilot/src folder.

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() { v...

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...

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...

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.scroll).scroll(function...

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...