Questions Tagged javascript
how to remove the new event if inline event edit text is blank
Answered: In the latest build (8.1.1914), the onEventEdit/onEventEdited events are now also fired when the editing was canceled using <esc> or when the text is unchanged. The canceled editing is indicated usin...
Open DayPilot for specific date + event and set focus - Example?
Answered: You can use .scrollTo(date, animation, target) method to scroll to a specific date: http://api.daypilot.org/daypilot-scheduler-scrollto/ You can use .scrollToResource() method to scroll vertically to...
Last column Header Lower
I have a possible bug/issue with DayPilot 8.1 where the text in the last cell of the header barely appears. I have been tweaking and adjusting the config in angular directive + $scope.config to get i...
Use 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...
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 ev...
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...