Questions Tagged javascript
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...
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.
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...
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=...
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...
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...
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...
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 ...
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...
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...
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...
ContextMenuSelection in DayPilot.Month
Answered: Unfortunately the context menu for time range selection is not implemented yet in the Month control.
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...
Day pilot scroll displaying always
Answered: Unfortunately I'm not able to reproduce the issue. If I add .cellWidthSpec = "Auto" to the following demo the horizontal scrollbar disappears: http://javascript.daypilot.org/sandbox/scheduler/height1...
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...
End date is adding one day
Answered: By default, the Scheduler works with exact points in time. E.g. a one day event starting on 2015-10-01T00:00:00 ends on 2015-10-02T00:00:00 (duration of 24 hours). However, you can adjust how the Sch...
Undo Moving event and Undo Resizing event
Answered: Use .onEventMove event handler instead and call args.preventDefault() to prevent the default action and onEventMoved event from being processed:
dp.onEventMove = function(args) {
if (!confirm('A...
Switcher bug
Answered: Thanks, it should be fixed now in the latest sandbox build (8.1.1842): http://javascript.daypilot.org/sandbox/