Questions Tagged javascript
demo
Answered: The easiest way to try it out is to download the project and run it on a local webserver with PHP enabled (e.g. Linux with Apache and PHP). Just copy the project to the web root. If you use MySQL you...
Select multi resources?!?
Answered: In the Lite edition, the Scheduler control is not available. In the Pro edition, you need to load the event as multiple records if you want to display it in multiple rows (one per row).
How to make events removable?
Answered: In the Lite (open-source) edition the built-in delete icon is not supported. In the Pro edition you can enable it using eventDeleteHandling property:
dp.eventDeleteHandling = "Update";
See also: ...
HTML5 Doctor Appointment Scheduling (JavaScript/PHP/MySQL)"
Answered: If you are asking about how to install the project locally to try it out please see this answer: http://forums.daypilot.org/Topic.aspx/3413/demo If you are asking about licensing - you'll need a DayP...
Obtain args.div in Scheduler's onEventDoubleClicked() event handler
(v.8.2 SP10) I am currently calling the Bubble's showHtml() method upon event double-click in the Scheduler. Is there a way to obtain the args.div like it is in onEventClicked()? It doesn't appear to...
Day Pilot Event Calendar
I wants align my one (or) more events one below one associated with same timeslot using Event Calendar in Week view and Day view. How to achieve this, can you please guide me.
Divide day block/cell to more blocks/cells
Answered: It's possible to set custom cell size using the following settings:
dp.scale = "CellDuration";
dp.cellDuration = 240; // 240 minutes = 4 hours
See also: https://doc.daypilot.org/scheduler/time...
Problem setting headerDateformat to pt-br
Answered: What version of DayPilot do you use? There was a bug in versions prior to build 1974. It should work fine since version 8.2: http://javascript.daypilot.org/daypilot-pro-for-javascript-8-2/ Let me kno...
How to change message color (angular)
Answered: Sorry for the confusion. The documentation on .message() was out-of-date. The current syntax allows you to pass additional properties using "options" object like this:
dp.message("Test", { cssClass...
Autoscroll feature with Daypilot Calendar
Hi all, I'm wondering if it's possible to implement the autoScroll properties (available on Daypilot Scheduler) on the Daypilot Calendar. I have tired to set autoScroll = "Always" but it's not workin...
How to group resources without tree
Hi Is it possible to visually group the resources without make a tree (with no row for the parent(s) of the resources) ? Like on the screenshoot attached : beds are resources beds B and C are in the ...
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...