Questions Tagged javascript
Ability to add/remove/update rows without updating entire control
Answered: You can find and modify the cells using cells.find(), cells.findXy() and cells.findByPixels() methods: http://api.daypilot.org/daypilot-scheduler-cells-find/ http://api.daypilot.org/daypilot-schedule...
Time range selection in schedular has a delay when using touch rather than mouse
Answered: This is by design - starting the time range selecting immediately it would prevent grid scrolling. You can configure the delay using tapAndHoldTimeout (the default value is 300ms): http://api.daypilo...
How do I change the color of individual row header cells?
Answered: In the latest build (8.1.2007) the resource.columns[] array supports .backColor and .cssClass properties (in addition to .html). Example: dp.resources = [ { name: "Room 101", id: "101", columns: [{ht...
Custom Time Header and Tooltip in Scheduler
Answered: You can force a reload of the scheduler by calling .update(): http://api.daypilot.org/daypilot-scheduler-update/ With the progressive rendering options enabled (they are enabled by default) it is a r...
GANTT: Calculating time for superordinate task
Dear all, when I create 2 subtasks, the superordinate task does not calculate to correct days. (Means beginning of the first task and end of the second task = complete duration for the superordinate
dp.locale = "es-es" not working
Answered: This bug should be fixed now in the latest build (8.1.1973). You can download it in the sandbox: http://javascript.daypilot.org/sandbox/
Drop events outside Scheduler
Answered: Unfortunately the Scheduler doesn't support that at the moment. There are two options: 1. You can implement the queue using a special instance of the Scheduler (i.e. one resource, set the row header ...
Task moveDisabled
Answered: In the Gantt chart, each task is displayed in a separate row - which can be moved as well (in the tree hierarchy). That's why the properties are separate for the row (data.row) and the box in the gri...
headerlevel
Answered: Sorry for the delay! This turned out to be a bug of the .update() method. It should be fixed now in the latest sandbox build (8.1.1981): http://javascript.daypilot.org/sandbox/ Let me know if there i...
"DayPilot for javascript" headerLevels How to Set
Hi. I have been using daypilot-1895. When you set the following value to the property layout was collapsed. $dp.headerLevels = 2; $dp.headerHeight = 16; $dp.allDayEventHeight = 10; $dp.headerHeightAu...
autoRefresh setup for AngularJS
Answered: Your configuration is fine - there was a problem in DayPilot. In Angular, the Scheduler initialization mechanism is slightly different and the autorefresh didn't start automatically. It's fixed now i...
187-lite
I am using the JavaScript version of the Calendar (187-lite). dp.viewType = "week"; dp.eventDeleteHandling = "Update"; dp.dayBeginsHour = 7; dp.businessBeginsHour = 7; dp.businessEndsHour = 22; dp.da...
Hide resources name column in scheduler?
Answered: You can use rowHeaderColumns:
dp.rowHeaderColumns = [];
See also http://doc.daypilot.org/scheduler/row-header-columns/
Multiple lines/rows in scheduler.events.list.text?
Answered: For overriding the event HTML, use the .html property. In order to add a line break, use "<br/>":
dp.events.list = [
{
start: "2015-12-01",
end: "2015-12-05",
text: "Event 1",
...
deleteDisabled for Scheduler not working
Hello, I found in the Javascript DayPilot events documentation that there is a property deleteDisabled. I set it to true and it's not working and I'm still able to delete the event. I have already us...
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...