Questions Tagged how-to
uploading data
Answered: It turns out that the project included an incorrect version of _db.php that initializes the database. A fixed project is now available for download. The employees are stored in the database, in a tab...
Drag-Drop External event pops to first column
Answered: Figured it out: The second level columns need unique id's. They had id's from a for-loop that was reset for each first level column.
Angular 4+, event multi select
Answered: Yes, it is supported in Angular as well. In Angular, you just need to specify the properties and event handlers on the "config" object instead of DayPilot.Scheduler object. All features work the same...
Display mysql data
I have two input box and with the help of this two input data i wants to display my mysql data Ex. i have so many employee data in a single table then i wants to display only to those people whose ha...
Getting Error Msg
Answered: thanks for your reply.. currently we are using IE 10 will check the code and get back..
Calendar only showing events for first date in week
Answered: It looks like you didn't specify the date (start property) for the child columns. If the date isn't specified it uses the dp.startDate value (it doesn't automatically inherit the "start" value from t...
Adding code to existing helper class for exchange
Hi there, I was wondering if there is some way to take this code from your example and build it into my Helper Class for exchange? The code: ExchangeService service = new ExchangeService(ExchangeVers...
Bubble configuration with Angular 2+
Answered: The bubble can be configured using a DayPilot.Bubble object which you assign to "bubble" property of the config. Example:
config: any = {
bubble: new DayPilot.Bubble({
animation: "fas...
Tooltip not showing
Answered: The tooltip is automatically turned off if you turn on a bubble. In the latest DayPilot Pro version, the bubble is now automatically turned on (a new DayPilot.Bubble() object is assigned to "bubble" ...
Minimize row headers
Hi How can i get when i minimize parent row,i have to show all the events belongs to that in the parent row. Does this possible
how to set tool tip for daypilot-calender
Answered: The event tooltip is enabled by default (ShowToolTip property is set to true). The default tooltip uses the event text (loaded from the field specified using DataTextField). You can also customize it...
How do you link events on a child resource where one id is linked on the child resource and the other id on the parent resource?
Answered: There are two ways to approach it: 1. Create an on-the-fly composite id for the child resources - this is what you do. 2. Create a unique record for every job-pour type link in the database and use t...
How to change font and localization of day of week at header of Daypilot lite Calendar?
Hi, I want to change font and localization of day of week at header of Daypilot lite Calendar. First, I tried to increase font size at header by changing DayFontSize at the DISPLAY section of the Day...
Error return JavaScript(SimpleJsonSerializer.Serialize("OK"))
Answered: You can try sending a different JSON response. This code sends just a string:
"OK"
This was not considered a valid JSON text in the original JSON spec and older implementations (older browsers, o...
Daypilot Modal window issue - Responsive
Answered: At this moment, the modal dialog is not fully responsive. However, it adjusts itself according to the page so it doesn't overflow the current viewport. You can also adjust the position by setting the...
Touch support for Windows devices
I am implementing DayPilot scheduler with drag and drop functionality which works fine with external mouse but when I'm trying to drag and drop my events using touch then it is not functioning as des...
Add Button to Time Header
Answered: This doesn't work because the HTML doesn't get compiled using Angular. It looks like it might be possible to support it in the future it looks like it would also add a lot of overhead (the time heade...
Click event
Answered: Please note that the special ASP.NET Core version of the Scheduler is now on hold. I recommend using the JavaScript version - it works with an ASP.NET Core backend just fine. There is a tutorial avai...
Delete and Menu option in angularJS Event calendar
Answered: The open-source version doesn't include any built-in UI mechanism for deleting events (compare with the options available in the Pro version - https://doc.daypilot.org/calendar/event-deleting/). I re...
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...