Questions Tagged how-to
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...
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...
Navigator for DayPilot Calendar with ViewType='Resources'
Answered: If you click a date in the Navigator and you have linked it to the main Calendar using BoundDayPilot property it will fire OnCommand event:
@Html.DayPilotNavigator("dpn", new DayPilotNavigatorConfi...
Monthly Calendar Tutorial: SQL Server, UpdatePanel, ModalPopupExtender (ASP.NET, C#, VB.NET)
when i write this tutorials code i doesnt work and give me this error The name " UpdatePanelCalendar' does not exist in the current context MeetingRoom " how can I add UpdatePanelCalendar or what can...
Multiple resource lines for one resource
Answered: Yes, that's possible using the "Resource Tree" feature: https://doc.daypilot.org/scheduler/resource-tree/
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...
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...
Calendar: Only Show Business Hours and be Dynamically resizable - how to do both?
Answered: You can use DayBeginsHour and DayEndsHour in combination with HeightSpec="Parent100Pct". See also: http://forums.daypilot.org/Topic.aspx/3391/daypilotcalendar-businessbeginshour-and-businessendshour-...
Anything new on 100% height issue as described here:
Answered: DayPilot detects window size changes automatically and it will adjust the height of the Scheduler control to match the parent element height if HeightSpec is set to "Parent100Pct". The key here reall...
DayPilotCalender - css Styling -- Overlap of "White" area over its container
Hi Dan and Team In a previous posting: https://forums.daypilot.org/Topic.aspx/3360/css-styling-calendar-and-scheduler-daypilot-controls I asked about styling of the calendar and scheduler controls......
DayPilotCalendar - businessbeginshour and businessendshour functionality
Answered: In the Calendar, the mechanism is slightly different: 1. If you want to hide selected days (which are displayed as columns) you need to switch to ViewType="Resources" and generate the columns manuall...
Desktop app
Answered: Yes, it's possible. You'll need to replace the browser-server communication with direct API calls. 1. For calling JavaScript functions from the WebForms application use WebBrowser.Document.InvokeScri...
DayPilotScheduler component, set businessbeginshour and businessendshour - why is 23 showing?
Answered: Simply adding ShowNonBusiness="false" should be enough. See also: https://doc.daypilot.org/scheduler/hiding-non-business-hours/ And a demo here: http://www.daypilot.org/demo/Scheduler/HideNonBusiness...
Scheduler with custom Timeline and TimeHeaders
Answered: It seems to work fine with the latest version (8.2). Can you please give it a try? http://www.daypilot.org/try/
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...
Any way you can pass a model in BackendURL
Answered: The backend URL is just a URL string and it doesn't allow passing anything else. You can pass custom parameters as an ID, query string or in a cookie. Example for custom query string:
@Url.Action("...
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...