Active Questions
Wanted to implement Day Pilot Calender control using Anguler JS
Answered: Please see the AngularJS tutorials available at code.daypilot.org: https://code.daypilot.org/tag/angularjs That could be a good start for your application. You can customize the event depending on it...
FirstDayOfWeek
Answered: The Lite version uses the first day of week that is read from the current Culture. It works automatically for ViewType="Week". You can also display custom number of days (Days property) starting at c...
DataTextField text with vbcrlf
Answered: You can provide custom HTML that will be used for event content using BeforeEventRender event handler: https://doc.daypilot.org/calendar/event-customization/ Your event handler could look like this (...
Disabling thick boarders when generating custom timeline
Answered: This is a line that is highlights places where the timeline is interrupted (a cell doesn't start at the same time where the previous cell ends). You can override the CSS manually like this (for the d...
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