Questions Tagged javascript
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 ...
Setting custom context Menu.
Answered: Do this instead - worked for me: args.e.contextMenu = "test";
How can I add white space to a cell below other events to allow a user to create new events? DP pro Version: 1514
Answered: The rowMarginBottom property of the config object adds N pixels below the last event in a cell.
How can I get the original resource on the onEventMoved callback?
I have a job on the scheduler and multiple people may be assigned to the same job, I want to be able to find the original resource the job was assigned to when it is moved so I can replace the old re...
"Concurrent Event Groups" and "autoRefresh"
Answered: At this moment the group state is not persisted. This means it will reset to the original state on update(). You can customize the groups using onBeforeGroupRender:
dp.onBeforeGroupRender = functio...
How to undo the action DayPilot.Scheduler on event moved on the last event i saved without reloading the page?
Answered: try this code.. i hope i will helps you.. i did not use args.preventDefault(); but i use the code calling on events.php to load the updated data dp.message("MoveCancelled"); DayPilot.request("backend...
how to switch between monthView to dayView after clicking on monthview's date.
Hi, i have a requirement like, after clicking on the particular day in the monthView the view should be changed or reloaded to dayView with selected date in the monthview and with loading the records...
onBeforeHeaderRender() event was not called on initializing the event calendar
Hi, I'm working on the Daypilot event calendar javascript - version 1596. I have initialized the daypilot event calendar on a <DIV> with 3 resource columns and i'm modifying the resource column text ...
Childs open automatically when dragging over
Answered: You can turn it off using treeAutoExpand property:
dp.treeAutoExpand = false;
See also http://api.daypilot.org/daypilot-scheduler-treeautoexpand/
Disable context menu item & Dynamic context menu
Answered: #1 Since build 1591 you can use "disabled" attribute of a menu item. Please see the updated jsfiddle: http://jsfiddle.net/jLLck2sz/2/ #2 There is no context menu for grid cells, only for time range s...
rows.filter() while onEventMoving()
Answered: Unfortunately it's not possible to use the filter in onEventMoving because the filter() method causes a refresh of the Scheduler (and it disrupts the current drag and drop operation). Also calling an...
Fix the upper Resource? (2nd try)
Answered: Unfortunately there is no quick solution other than using two Schedulers. However, this is just a workaround and may not work in all cases.
<div id="dp1"></div>
<div id="dp2"></div>
<script>
...
Drag and Drop Indicators with Informations about a Resource
Answered: The latest build (8.0.1571) now stores the row information in a DayPilot.Row object accessible as args.row: http://javascript.daypilot.org/sandbox/ In previous releases you can get the row object usi...
Two vertical scroll bars when heightSpec:"Fixed
Answered: It should be fixed now in the latest sandbox build. The fiddle works now. Thanks for reporting the issue.
Event bubble missing - Event Calendar javascript
Answered: There are three problems with the fiddle: 1. You need to add bubble property to the config:
bubble: new DayPilot.Bubble(),
2. Don't call .init() if you are using the jQuery plugin. The .init() m...