Questions Tagged javascript

Answered: If you have access to the DayPilot.Event object (e) you can change it like this: // e holds DayPilot.Event object e.data.areas = [{ html: "Confirmed", right: jsonTags.AreasRight, bottom: jsonTags.Are...

Answered: I was grabbing the value from a dropdown and did not run it through parseInt. That solved the problem - sorry for the trouble :-)

Answered: After read some sample code, I know how to do. Instead of `e.client.moveEnabled = false; ` , it should be ` e.data.moveDisabled = false;` and after that, use ` dp.events.update(e).queue();` to update

Answered: Do you see any error in the JavaScript console? Does the whole page freeze (do other element on the page work) or is it just that the Calendar doesn't respond to mouse actions? I know that it might b...

Answered: For the Calendar component (used in index.php and doctor.php) you can adjust the scale to show 15-minute cells using cellDuration property: var calendar= new DayPilot.Calendar("dp"); // ... calendar....

Answered: This bug should be fixed now in the latest sandbox build (2018.2.3291): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.

Answered: Ben, You can get a list of all events like this: var events = dp.rows.find("A").events.all(); And delete them: dp.rows.find("A").events.all().forEach(function(e) { dp.events.remove(e); }); See also: ...

Answered: The row height is derived from the event height (the total height is adjusted automatically to fit all events). You can specify custom event height for the parent rows using eventHeight property: htt...

Answered: You can change the behavior using onGridMouseDown event handler: https://api.daypilot.org/daypilot-scheduler-ongridmousedown/ Example: dp.onGridMouseDown = function(args) { args.action = "RectangleSe...

Answered: At this moment, you can only drop the events on another Scheduler instance. There are two ways to approach this: 1. Use a context menu item (something like "Unschedule") to remove an event from the S...

Answered: hi thanks for your fix answer. JavaScript 2018.2.3281 and i use electron with Chromium 61.0.3163.100. thanks

Answered: Henry, The time headers can use one of the group sizes defined here: https://doc.daypilot.org/scheduler/time-header-groups/ If you want to use a group size smaller than one hour you need to use group...

Answered: The Scheduler requires that the component is actually rendered during initialization. It creates a placeholder with ID starting with "dp_" which needs to be present. It looks like the accordion doesn...

Answered: The sample CSS themes (including scheduler_8) can be found in the zip package (both trial and full versions), in demo/themes directory. You can also download it directly using this link: https://java...

Answered: Dhiraj, How do you get the start/end dates of the selected range? The onTimeRangeSelect(ed) event handler returns DayPilot.Date object which uses the idealized time zone that the Calendar uses intern...

Answered: It looks like you are using an old version - the allowEventOverlap property is supported since 2018.1.3187 in the Calendar component: https://javascript.daypilot.org/daypilot-pro-for-javascript-2018-...

Answered: I found the solution myself, would be of help to others if ever come across this question. I simply used the dispose() method of the DayPilot, so when the event is triggered, I first got rid of the e...

Answered: Martin- Angular 6 requires DayPilot Pro version 2018.2.3281 or later: https://javascript.daypilot.org/daypilot-pro-for-javascript-2018-2-3281/ I'm not able to reproduce the error with that version. T...

Answered: This looks like a bug of Angular CLI. There seems to be a problem with all dependencies that are not stored in the npmjs registry (such as tarball and git sources): https://github.com/angular/angular...

Answered: I'm not able to reproduce the problem in any major browser (Chrome, Firefox, IE, Edge). You might be using a custom CSS theme that prevents proper scaling.

Answered: Please take a look at the documentation: https://doc.daypilot.org/calendar/event-deleting/ You need to use onEventDelete event handler to call backend_delete.php endpoint on the server side. You need...

Answered: There was a bug which caused the width of the first column to be calculated incorrectly - that made the text invisible for args.horizontalAlignment = "center". It should be fixed now in the latest sa...

Answered: Please see multiselect.isSelected() method: https://api.daypilot.org/daypilot-scheduler-multiselect-isselected/

Answered: The dp.events.update() method ( https://api.daypilot.org/daypilot-scheduler-events-update/ ) requires a DayPilot.Event object ( https://api.daypilot.org/daypilot-event-class/ ) as a parameter. You ca...

Answered: Unfortunately a histogram is not available at the moment. There is a similar feature that you might be able to use to display the resource utilization/overbooking: https://javascript.daypilot.org/dem...

Answered: You can renew later but the renewal will always start on the expiration date.

Answered: I've tested a clean new project generated using Angular CLI 1.7.4 and it works fine. After adding DayPilot Pro 8.4.3056 npm install https://npm.daypilot.org/daypilot-pro-angular/trial/8.4.3056.tar.gz...

Answered: Just in case anybody stumbles over this problem or wants to achieve something similar I found this page ( https://doc.daypilot.org/scheduler/event-moving-customization/ ) very helpful. You can basica...