Active Questions
HTML5 Doctor Appointment Scheduling (JavaScript/PHP) - Js Error on Demo
Answered: As far as I can see there is a problem with double-clicking the grid when timeRangeSelectedHandling is set to "Disabled" (the default value is "Enabled") and timeRangeSelectedDoubleClick is set to "E...
events empty
Answered: It looks like you are calling the .update() method too much. The update() is performed asynchronously a multiple simultaneous calls may disrupt the display. It's not necessary to call .update() befor...
limitations trial version?
Answered: You can use the browser console to check if there is any error in the input data. Just type:
dp.resources
to see the resources array. The trial version will display 71 rows without any problem. T...
resources dynamic data Asp.net
Answered: There is now a new tutorial available that shows how to load resources and events in JSON format from a server-side endpoint created using ASP.NET Core: https://code.daypilot.org/99410/javascript-htm...
External drag and drop to another grid is not working for Mobile devices
Dear colleagues, This is a rather important issue for our company. We've implemented drag and drop from one schedule grid to another. Everything works well, but not in IPad and other mobile devices. ...
The calendar event handler does not work in window resizing.
Answered: It looks like Chrome doesn't fire window.onresize if you change the window size between "any state" <-> "minimized". However, it is fired if you switch between "normal" and "maximized" state. This is...
How to leave blank area in time header when group is collapsed
Answered: I made a wrapper for daypilot and override method _getScrollableWidth. if (innerHeight > height && !autoHeight && this.reserveSpaceForScrollBar === undefined) || this.reserveSpaceForScrollBar) { scro...
Scheduler ContextMenu Scrolling
Answered: Thank you for your answer. I've found a my solution putting the following code into css file: .menu_default_main {position: absolute; top: 0px; left: 450px; overflow: auto !important; z-index: 11; ma...
DEMO NOTE (ORANGE IN EVENT CALENDAR)
Answered: As noted in the tutorial text, the project download includes a trial version of DayPilot Pro that displays the DEMO label. It's licensed for evaluation purposes only. If you want to use the tutorial ...
Override Daypilot.min.js function
Answered: In case of the ASP.NET WebForms version the client-side library is embedded in the DLL and it's inserted into the page using internal ASP.NET mechanisms. As far as I can tell it's impossible to inser...
How to remove the built-in delete icon from
Answered: You need to set EventDeleteHandling property of the config to "Disabled". Or remove it from the config - Disabled is the default value.
Resource Title Undefined in Scheduler
Answered: Worked out the issue, need to set the header to json reponse header('Content-Type: application/json');
How to disable an specific (the first one) row in Daypilot.Scheduler
Answered: Hi, If you are still looking for a solution. in MVC we have OnEventMove() being called on moving the events. You can probably check if the row is the one which you are looking for to be disabled. In ...
How to change the time range showing in left hand side of the DayPilot Event Calender
Answered: @Html.DayPilotCalendar("days_resources", new DayPilotCalendarConfig { BusinessBeginsHour = 9, BusinessEndsHour= 17, } you need to add bussiness begins and ends hour in your helper html tag
Assign Multiple Background Color to an Event
Answered: You can insert custom segments into an event using "active areas": https://doc.daypilot.org/scheduler/event-active-areas/ You can specify the active area position using start/end properties instead o...
How to Get Specific Date of An Event
Answered: The current position in the grid (in pixels) is stored in DayPilot.Scheduler.coords object. This value is updated in real time:
var coords = dp.coords; // coords.x, coords.y
You can use DayPilot....
scheduler export PDF - how to put time bar and dates on the second and third page
Answered: There is a tutorial available that shows how to do this using the client-side export: https://code.daypilot.org/76551/html5-scheduler-paged-pdf-export Basically, it's necessary to export one image pe...
Sceduler Export to PDF - the scedule does not show correctly from second page
Hello, When I export schedule to PDF, the rows that has schedule gets shifted down and its not fitting the row like the first page. Is there any way to fix this issue? Thank you.