Questions Tagged how-to
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 ...
I dont have the option for scroll to resource
Answered: You can scroll to a specific resource using the client-side API (JavaScript): https://api.daypilot.org/daypilot-scheduler-scrolltoresource/
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...
Remove Add 1 day to start date on create new event
Answered: The Scheduler uses exact time points. If you select a single day the dates will look like this: * start = 2016-08-10T00:00:00 * end = 2016-08-11T00:00:00 If you store the dates as date only (instead ...
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...
css styling - Calendar and Scheduler daypilot controls
Answered: The HeightSpec value can't be set dynamically using CSS. However, if you use HeightSpec="Parent100Pct" it will automatically adjust the Scheduler height to match the height of the parent element. Jus...
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...
Example Grails Code?
Answered: Unfortunately this sample relies on the Microsoft EWS library which is only available for .NET so there is no easy way to translate this project to Grails.
The 'Press and Hold' does not seem to work
I get the menu to popup on my mobile device and then it closes before I can interact with is. Very frustrating. What can I do to get this working?
Event Multi-Resize
Answered: Event multi-resizing isn't fully supported in the latest MVC version (8.2). The code above is for the JavaScript version and it may not work properly with the MVC version. However, the support for mu...
How to: Disable the appearance of a context menu for types of users?
Answered: You can disable the context menu for selected users using BeforeEventRender event handler - by setting e.EventRightClickEnabled to false: https://doc.daypilot.org/scheduler/event-customization/
calendar & compatibility
hello, If I mark the configuration of the web (IE 11/10) To copmatibilty view setting = V So the header of columns not present display. I can not turn off the configuration for other software on my c...
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...
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...
Different calledar for users
Answered: You can access the Controller using "Controller" property from within the Dpc class. Given that the user id is available as User.Identity.Name you can use something like this to filter the events:
...
Which java script files and functions are absolutely essential to close a modal form?
Answered: With the default settings, the modal dialog uses an iframe to display the content. That means the content is working with a different window context. In order to open the modal dialog, you need to in...
I've managed to open a modal form from code-behind, I now need to close it.. Please advise on how....
Answered: See also the explanation here: http://forums.daypilot.org/Topic.aspx/3328/which-java-script-files-and-functions-are-absolutely-essent 1. The source page using UpdatePanel should be no problem (you op...
close modal dialog
Answered: It's not possible to close the modal dialog from the server side. In the MVC samples, a slighly different approach is used - the form displayed in the modal dialog is not submitted in a traditional w...
Is it possible to display a Daypilot modal dialog form from the code behind of a web form?
Answered: The only way to open the modal dialog from the server side is to run the required js code using RegisterStartupScript() method. This technique is used by the Util.Modal class that comes with the moda...