DayPilotUse Custom JSON Object in resource
Answered: The scheduler .resources property requires this exact structure. See also: http://api.daypilot.org/daypilot-scheduler-resources/ If your server returns JSON array that has items with a different stru...
Questions Tagged how-to
Target cell based on event type?
Answered: You can use onBeforeCellRender event like this: //... dp.onBeforeCellRender = function(args) { var events = dp.events.forRange(args.cell.start, args.cell.end); // check events array for event types.....All day events on month view
Answered: The month view (DayPilot.Month class) doesn't recognize all-day events because they are displayed the same way as normal events. Unlike the Calendar which displays them in a special row below the day...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. ByeGetting 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']; $e->text = $row[...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 = 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...Content menu show on empty cell
How can we show context menu on empty cell clickRefresh 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() { v...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.scroll).scroll(function...