Questions Tagged how-to
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...
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.