Questions Tagged javascript
Update headerHtml in onBeforeCellRender
I use angularjs and monthly calendar. I try to update the headerHtml in beforeCellRender event. onBeforeCellRender: function(args) { if (args.cell.start.getDay() === 1) { // first day of month args.c...
In Gantt Chart, can I add task to a particular group?
Hi, I noticed that I can create a new task from the front end, as long as rowCreateHandling is "Enabled". What I would like to do is for the user to be able to add a task as a child of a particular G...
Menu Child Menu Stuck Open
So, I have a child context menu. If I click on the parent menu item before the child is rendered, the parent menu goes away and the child menu is shown. I have no way to make the child menu go away w...
$scope.scheduler is undefined
Answered: Then you should be able to start with this code and extend it step-by-step until you have all you need or until it stops working. If it stops working please check the last thing you added.
Headers with different height
Hello, Is it possible to configure a different height for each header? For example I have 3 headers, Month, Day and Hours, and I want to have Month 40px height and Day, Hours height with a height of ...
How to slide-up/slide-down the sub-titles when 'scheduler_default_tree_image_collapse'/'scheduler_default_tree_image_expand' is clicked ?
Answered: Unfortunately, sliding animation during expanding and collapsing the tree nodes is not supported at the moment. There is no way to add it using custom code.
Display only few hours
Answered: You can use a custom timeline: http://doc.daypilot.org/scheduler/timeline/ Or hide non-business hours: http://doc.daypilot.org/scheduler/hiding-non-business-hours/
Scheduler - Browser context menu is shown on event right click
Answered: Hi, thanks for your reply. I've tried with the last version and it seems ok!
DayPilot Pro for JavaScript 8.1 - Active Areas examples
Answered: You can take a look at the following demo: http://javascript.daypilot.org/demo/scheduler/eventareas.html It adds a green active area to the current day using onBeforeCellRender:
dp.onBeforeCellRend...
Add days to calendar while onEventMoving or onEventResizing
Answered: Unfortunately, this scenario is not supported at the moment. Calling .update() redraws everything and the context is lost (including the drag and drop operation in progress).
AngularJS locale property not working
Answered: I've tested it and it seems to work (even with your code). Where exactly do you see English? In the demo (http://javascript.daypilot.org/demo/lite/), changing the locale affects the day headers and i...
args.cell.start.getDayOfWeek() goes from 1 to 6 (no 7 for Sunday)
Answered: It should return 0 for Sunday. Can you please give it a try with the latest sandbox build (1753)? This returns 0 as expected in the JavaScript console:
new DayPilot.Date("2015-06-21").getDayOfWeek(...
Remove vertical border between cells?
Answered: You will need to hide it using CSS (scheduler_default_matrix_vertical_line) and add only the desired ones: 1. Create a custom grid cell class with { border-right: 1px solid #eee; } and add it to the ...
IE 9 rendering issue JavaScript scheduler
Answered: I have tried to reproduce the issue using the latest sandbox build (8.1.1753): http://javascript.daypilot.org/sandbox/ I have added the Bootstrap CSS to the main scheduler page:
<link rel="styleshe...
Selected event unselects when I call .update() on Calendar?
Answered: This is a bug which has been fixed in build 8.0.1746. You can test it and download the latest build in the sandbox: http://javascript.daypilot.org/sandbox/calendar/eventselecting.html
How to process event double click without error in DayPilot Calendar?
Answered: Please see the documentation on how to use event double click event: http://doc.daypilot.org/calendar/event-double-click/ In the latest realease (http://javascript.daypilot.org/daypilot-pro-for-javas...
Prevent event drag beyond first / last cell?
Answered: You can add a custom onEventMoving handler:
dp.onEventMoving = function(args) {
if (args.end > dp.visibleEnd()) {
args.left.enabled = true;
args.left.html = "You can't drag the e...
Setting headerDateFormat has no effect
Answered: This property is supported since version 1.2 SP1 (build 171): http://javascript.daypilot.org/daypilot-lite-for-javascript-1-2-sp1/ You are probably using an older version. Let me know if the problem ...
How to add row with custom-width columns to DayPilot calendar?
Hi, I currently have a calendar resembling the first attachment. What I've been trying to achieve is something similar to the second attachment (an extra row with its own name and a custom amount of ...
Handling dynamic HTML when using AngularJS
Answered: Figured it out, hopefully will help somebody in the future. So you set a directive inside your custom daypilot-scheduler tag. Let's name it "dynamic-content". <daypilot scheduler id="dp" daypilot-con...
[BUG] args.allowed = false on onEventResizing is not working.
Answered: args.allowed in onEventResizing is supported since build 1710. You can download it in the sandbox: http://javascript.daypilot.org/sandbox/
Preventing event create / resize / move on business days
Answered: It will be possible to set .allowed false in onBeforeCellRender. This feature is in the works - it's not available yet.
Limit events to nights only and setting minimum cell on select
Answered: Two approaches are possible: 1. It's possible to adjust args.start and args.end of the time range selection in real time using onTimeRangeSelecting event: http://api.daypilot.org/daypilot-scheduler-o...
How to display day, week, month and year view on selection of user choice?
Answered: Please see the new JavaScript tutorial here: http://code.daypilot.org/27988/html5-calendar-with-day-week-month-views-javascript-php
Add an input type text in the event html
Answered: DayPilot.Scheduler.eventClickHandling = 'Edit' do the job :D thank daypilot for your awesome library
Disable Row(resource)
Answered: In DayPilot Pro you can use onEventMoving and onTimeRangeSelecting events to evaluate custom rules during drag and drop and forbid the action depending on the result: http://api.daypilot.org/daypilot...
Scheduler Control
Answered: If performance is critical then don't use AngularJS. It brings overhead related to watching the data sources (config which includes resources, events). The jQuery plugin is an alternative way of init...
Browser hangs when paging to previous year
Answered: This is a bug of version 8.0.1622 (8.0 SP1). It's fixed now in the latest release (8.0.1658): http://javascript.daypilot.org/daypilot-pro-for-javascript-8-0-sp2/
Multi Resizing
Hi. We are currently evaluating Daypilot Scheduler. Very satisfied with the multiselect and multimove features. But we are missing the option to select multiple events and then resize all selected si...
DayPilot Pro for JavaScript (OEM Team) - 5 Developers license
Hi Dan, We would like to know some more information about the "DayPilot Pro for JavaScript (OEM Team) - 5 Developers - 1 application" license. The OEM-5 developers means 1. Is it licensed to fixed 5 ...