Questions Tagged how-to
how to use modal.js to open a add event dialog in daypilot scheduler lite
Answered: Some of the DayPilotScheduler properties you are using are only available in the Pro version: Scale CellGroupBy ClientObjectName DataTagFields OnCommand Also, the TimeRangeSelectedJavaScript is resol...
Add multiple rows to selection is slow, any faster way?
Answered: You can also use .selectedRows property:
dp.selectedRows = ['A', 'B', 'C'];
dp.update();
Let me know if the performance doesn't get better this way.
DayPilotBubble's CSS is not accepting at run time
Answered: This happens because the bubble object is initialized in Load phase. It's now updated in the the latest build (8.1.3472). You can download it in the sandbox: http://www.daypilot.org/sandbox/ Let me k...
Navigator onTimeRangeSelected with Switcher
Answered: I've solved using onTimeRangeSelect insted of onTimeRangeSelected. Bye
Getting tag URL Parameter from JSON Request
Answered: There are two options: 1. You can send the url from the server:
class Event {}
class Tags {}
$events = array();
foreach($result as $row) {
$e = new Event();
$e->id = $row['plan_id'];
...
Change cell border color in scheduler?
Answered: The direct style properties are ignored in the CssOnly mode (the CssOnly mode is forced since 8.0 release): http://api.daypilot.org/daypilot-scheduler-cssonly/ You can control the cell border using C...
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...
Is there an event/hook that tells me when onBeforeHeaderRender(s) are done?
Answered: Since build 8.1.1903, the onAfterRender event is fired during update as well. You can download the latest build in the sandbox: http://javascript.daypilot.org/sandbox/ The args.isUpdate parameter wil...
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 = DayPilo...
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=...
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...
How to show Navigator in Horizontal Orientation
Hello, I am using Javascript to create Navigator. In this file I want to display 12 months Navigator in a page with 4 months in 3 rows. Can anyone please let me know how can I do it in lite version o...
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 ...
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...