Questions Tagged how-to
External item dragging into scheduler
Hi, We have used makeDraggable function and set keepElement: true as we have to use same item multiple rows. When i dragged the same item twice and moved or resized the item.One item disappears. Plea...
fatal error
Answered: It looks like the 'ODBC' user doesn't have sufficient permissions (to access the database). See also: https://dev.mysql.com/doc/refman/5.7/en/privilege-system.html
daypilot remove event using javascript event listener
Answered: The events.remove() method requires DayPilot.Event object. This is the recommended way to add a custom icon with an onclick event handler (using an active area):
<div id="dp"></div>
<script type="...
Infinite scroll
Hi, How does infinite scrolling work? I found a demo where the feature works but when I try to apply it to our code there are problems with the scrollTo call. It does not scroll at the desired time. ...
Scrolling for past 30 days and future 30 days
Hi, How to allow user to scroll left and right to 30 days in the past and 30 days in the future respectively in day pilot scheduler?
Event moving and dragging not working in IE
Answered: This was a bug of the last release. It's fixed now in version 8.4 SP3: https://javascript.daypilot.org/daypilot-pro-for-javascript-8-4-sp3/
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...
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 (...
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...
How to hide the Trail message popup in IIS SERVER?
Answered: The trial version displays a "DEMO" label and also a popup to remind you that you are using a version that is not licensed for production. If you want to deploy DayPilot as part of your application y...
How to not allow schedule on weekends
Answered: It's possible to the non-business hours in the Schedule using ShowNonBusiness property (it hides hours outside of BusinessBeginsHour and BusinessEndsHour and weekends): https://doc.daypilot.org/sched...
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...
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...
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 ...
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.
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 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...
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...
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.
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...
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....
Unrecognized HeightSpec value error by default settings.
Hello I'm using lite version of calendar with mvc 5. I want to show the calendar only working hours. So my here is my code which throws above error. Any idea? @Html.DayPilotCalendar("dpc", new DayPil...
Javascript Date To Daypilot Date Conversion
Answered: The constructor has a second parameter which lets you specify whether to use the GMT base or local representation of Date object. This call will use the local representation:
var local = new DayPil...
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
Scheduler MVC - Hiding rows without events
Answered: The isEmpty() method of DayPilot.Row is available since client core version 2759. It's now available in the sandbox version of DayPilot Pro for ASP.NET MVC: https://mvc.daypilot.org/sandbox/ The late...
DayPilot Scheduler (JavaScript) with SQL Server backend
Hi everyone, Is it possible to use the Scheduler (JavaScript) with a SQL Server database? I see in the tutorials that MySQL & SQLite can be used with PHP backend. I'd like to implement the DPS using ...
Menu: menu is not defined
Answered: 1. The "contextMenu" property specifies a context menu for events. It's activated when you right-click an event (the default eventRightClickHandling value is set to "ContextMenu"). You can also map i...
loadEvents(); wanted to call every 10 sec
Answered: Thanks for the update. There is also a built-in AutoRefresh feature that is a bit smarter (it doesn't fire if a drag and drop operation is in progress): https://doc.daypilot.org/scheduler/autorefresh/