Questions Tagged javascript
Event Width Representative of Start and End Time, Monthly Event Calendar
Is there a way to get an event width to be representative of its start and end time? As an example scenario, if I had an event that started at 12pm (12:00) and finished at 6pm (18:00), is it possible...
Calendar refresh - hotel reservation
Answered: You can use the built-in autorefresh feature: https://doc.daypilot.org/scheduler/autorefresh/ It will fire onAutoRefresh event in the specified interval. The execution is paused during drag and drop ...
Events moving/resizing does not work with dynamicLoading enabled
Answered: There is a sample project that shows how to use the Scheduler dynamic loading. It's a more real-world scenario, it uses a database backend (unlike the demos that come with DayPilot Pro for JavaScript...
Scheduler Event Resize Issue
In DayPilot Scheduler Event drag is working fine but I cannot resize the event by dragging. Can Anybody help me to fix this Issue? Using following version. DayPilot Pro Copyright (c) 2005 - 2016 Annp...
Cell from 00:00:00 to 23:59:59 and not 12:00:00 to 12:00:00
Answered: You are probably using the sample project from the Hotel tutorial: https://code.daypilot.org/27453/html5-hotel-room-booking-javascript-php That project uses a manually generated time scale to adjust ...
Different CellDuration for scheduler cells and header
Answered: It's possible to insert custom segments into the time headers cells using time-based active areas. This technique is used in the following demo to split a month into thirds: http://javascript.daypilo...
onEventMove - cancel on server error
Answered: Christos, Take a look at the "Asynchronous Validation" demo: http://javascript.daypilot.org/demo/scheduler/asyncvalidation.html
dp.onEventMove = function(args) {
args.async = true;
...
snapToGrid not working
Hi, I was trying to apply snapToGrid false in our Scheduler (to be able to resize events by minutes), but it is really not working. Maybe is some other config property that is blocking it. Our config...
Moving Events- Java Script Scheduler
Answered: Are you able to reproduce this issue in the online demo? http://javascript.daypilot.org/demo/scheduler/ There is an option to link multiple events together so they will always be moved and resized to...
Event Drag And Drop Between 2 Scheduler
I have Scheduler, Scheduler1 & Scheduler2 both have "cellDuration" property set to 30 mins. but when i drag and drop an event from Scheduler1 to Scheduler2, in scheduler2 it will create an event with...
Mouse Cursor Alignment Problem When Dragging An Event From One Scheduler To Another
I have 2 DayPilot scheduler in my page and i want to drag and drop an event from scheduler1 at top to the scheduler2 at bottom. Currently I'm able to do the drag and drop but when I'm dragging the ev...
Switch X and Y axis on HTML5 Timesheet
Answered: You can use the Calendar control which has the axes switched. If you want to show more days (more than the usual week) you can use fixed column width: https://doc.daypilot.org/calendar/fixed-column-w...
AngularJS themes not working
Answered: This bug should be fixed now in the latest sandbox build (8.2.2266): http://javascript.daypilot.org/sandbox/ Let me know if there is any problem. And thanks for reporting the issue!
While dragging an event mouse cursor will not be in proper position in Scheduler
Answered: This issue should be fixed in the latest sandbox build (8.2.2268): http://javascript.daypilot.org/sandbox/ Let me know if the problem persists.
ShowNonBusiness is not working In Scheduler
Answered: All properties of the DayPilot JavaScript objects use lower camel case (just like JavaScript generally). Try this instead:
$scope.dpc.businessBeginsHour = 8;
$scope.dpc.businessEndsHour = 18;
$...
onBeforeCellRender set cell properties
Hi all, I'm using the Daypilot Calendar in ored to manage a SPA appointmens. On the columns I have the treatment rooms and on the rows the timeframe. I'm wondering if it's possible to add a cell prop...
Scheduler showing grid some area grade out
Hi, Not sure it's as design, few times i see combination of Gray and white area in scheduler table. Could you please let me know what causing the issue. Please find attached screenshot. Thanks
Force loading message with backdrop
Answered: dp.message() should work anytime and it doesn't depend on any other variable: https://api.daypilot.org/daypilot-scheduler-message/ You can also use dp.message.hide() to hide the current message. Ther...
Different Height for specific Events?
Answered: Yes, you can specify custom height using .height property: https://api.daypilot.org/daypilot-event-data/ It will overrride the global height set using .eventHeight property. You can also specify cust...
Error when adding allday event in angular
Answered: This issue should be fixed now in the latest sandbox build (5836): http://mvc.daypilot.org/sandbox/ Let me know if there is any problem.
Ressource Tree Collapse JavaScript
Answered: Since build 2259, you can use DayPilot.Row.collapse() and DayPilot.Row.expand(): https://api.daypilot.org/daypilot-row-collapse/ https://api.daypilot.org/daypilot-row-expand/ In previous builds, you ...
How to scroll with mouse click and not with the mouse wheel SCHEDULER
Answered: You can scroll the grid using a "swipe" touch gesture. On touch devices, the time range selecting mode requires a "tap-and-hold" gesture to become activated. Before the selection is activated you can...
Scheduler not updating correctly the time when event moved
Hello guys, I was playing around with the scheduler and realized that if I use the scheduler to show only the hour, timeHeaders: [ { groupBy: "Month", format: "MMMM yyyy"}, { groupBy: "Day" }, { grou...
Scheduler - Row Header always keep Floating
I have set rowHeaderColumns (three columns with Name & width) & resources properties. The rowHeaderWidth is set to 200 & rowHeaderScrolling is set to true. The row headers & resources are appearing q...
Procedure for integrate daypliot js with jspm
Hi, I'm using version 8.2 for understanding scheduler hour view. Currently we are java script package modules(jspm) for loading front end modules. In the documentation i don't see any information rel...
How to change transition in daypilot scheduler
Answered: You can scroll to the specified date using .scrollTo() method: https://api.daypilot.org/daypilot-scheduler-scrollto/ Demo: http://javascript.daypilot.org/demo/scheduler/scrolling.html Let me know if ...
onEventClicked don't work when switching page
Hi, when i switch page, the onEventClicked don't work. I have to reload the page to make it work again. Is it a bug ? There is my code : $scope.schedulerConfig = { scale: "Day", days: 365, startDate:...
Angular 2 Support
Answered: The first Angular 2 version of the Scheduler is now available: https://code.daypilot.org/67423/angular-2-scheduler-tutorial-typescript It's in an early stage. However, the following is working: DayPi...
Change start time and end time of a day in DayPilot.Scheduler
Answered: You can customize the start and end hour by generating a custom timeline: https://doc.daypilot.org/scheduler/timeline/
Delete??
Answered: There are several options, please see the following documentation page: https://doc.daypilot.org/scheduler/event-deleting/