Questions Tagged javascript
One Event with multiple resources
Answered: You need to create a special entry for each of the event x resource combination. You can use "joint events" feature to link them together so they will be moved and resized together: http://javascript...
How to block (and show) a complete day
Answered: Unfortunately it is not possible to draw a single rectangle over multiple cells at the moment. Another option might be to use onBeforeCellRender to use a different color for forbidden cells + use onE...
Set a future date in scheduler
Answered: Solved it by using this.dp.StartDate = new DayPilot.Date(selectedDate)
how to resolve when a range time display too many events ?
Answered: I assume you mean the Calendar control: http://doc.daypilot.org/calendar/ You can play with the event arrangement mode settigs to see if it helps with the visibility of a lot of overlapping events: h...
DayPilot Scheduler Inline Event Editing is it possible tab key to next cell focus ?
I am fetching a problem with DayPilot Scheduler.In DayPilot Scheduler Inline Event Editing I want to go next cell by pressing tab key.
Bubbles with dates on scheduler have static locale.
Answered: This is a bug, indeed - it should be fixed now in the latest sandbox build (8.1.1931): http://javascript.daypilot.org/sandbox/ These indicators are disabled by default - you can enable them using .ti...
Click events not firing in chrome
Answered: I have tried this on a few other computer and the issue seems to be isolated to one specific computer. The issue appears to be machine specific and not a problem with the scripts. JD
Event Bubble
I am trying to have event bubble in day pilot scheduler. Which has a content of title, description and a image thumbnail. But the positioning is not happening correctly when i have this on the contro...
DayPilot - Scheduler Javascript
I am trying applying fore and back color for the message bar of scheduler based on success and error scenarios by using the method, but it not overriding the css we have for message bar. Please fix t...
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...