Active Questions
Display google calendar data in DayPilot
Is there a way / tutorial how to display google calendar data on the fly in DayPilot scheduler?
Installation - not able to load assembly? Dependencies not found?
Hi, I just installed DayPilot Lite into my Visual studio 2015 using NuGet. I added the tool in my toolbox and putted a Calendar into my WebForm. Everything is pointing to my IIS folder which has a bi...
Any solution to this error?
Answered: You'll need to switch to the latest DayPilot Pro version - it doesn't use the AllowPartiallyTrustedCallers attribute anymore. http://mvc.daypilot.org/try/
onRowFilter - error on cells.all()
Answered: This event handler is called during the update process. The rows.cells.all() method will only work correctly when the update is complete. What would you like to achieve? Hide a row that doesn't have ...
Most of the code in Controller shows error
Answered: The attached sample project includes a working application - you can check the source code of the controll in TutorialCS/App_Code/Controller/SchedulerController.cs. It's now also added to the tutoria...
design
Answered: You can customize the appearence by creating a custom CSS theme. You can use the online theme designer to generate a new theme: http://themes.daypilot.org/ The generated CSS file can be also customiz...
Adjusting the Scheduler Grid height according to screen size
Answered: It's possible to set the height to 100% of the parent element using HeightSpec = Parent100Pct option: https://doc.daypilot.org/scheduler/100-pct-height/ Just set the parent element position using CSS...
Angular 2 Scheduler
Does the scheduler support External Drag and Drop, cannot see any way of making items draggable?
Time in event title
Answered: The current version doesn't add the time automatically but you can enable it using ShowEventStartEnd property:
ShowEventStartEnd="true"
Does HourHalfBorderColor still works in new Calendar version ?
Answered: This property is obsolete now when CssOnly="false" mode is not supported anymore. However, you can achieve this effect using CSS. The border is defined using a cell class. The default style ("calenda...
Using Scheduler as syntax with events
Answered: Your setup seems to overwrite the "events" property of the DayPilot.Scheduler object somewhere. The events property holds not only the event data (events.list) but also other methods (events.update()...
Cannot read property 'exp' of undefined
Answered: As far as I can tell there is no "exp" property in DayPilot. It looks like it's related to watching changes of an object that you reference using "config" or "events" attributes. The slowdown is also...
Ctrl+Shift Keys
Answered: Workaround done. Problem fixed. Handling the onEventRightClick Event. if (args.originalEvent.ctrlKey==true) { args.preventDefault(); }
Disable Room booking for Past Dates
How can i Disable New reservation pop up opening for Past Dates?
How-To: Remove debugging (Scheduler)
Answered: This was a temporary issue of the sandbox build. The latest sandbox build doesn't print it anymore (8.2.2396): http://javascript.daypilot.org/sandbox/scheduler/
Search for value
Answered: There is an API to find events using the event id:
var id = "123";
var e = dp.events.find(id);
Then you will be able to focus it using scrolling methods:
dp.scrollTo(e.start());
dp.scrollToRe...
Printing / Exporting scheduler with HTML in the events
Answered: At this moment the export doesn't support HTML. There are onBefore*Export events that let you supply alternative text: https://api.daypilot.org/daypilot-scheduler-onbeforeeventexport/ https://api.day...
How-To: Alter Duration Over Date Range (Scheduler)
Answered: It's possible to highlight the busy hours inside an event using custom active areas. Example that highlights 9am - 5pm (on workdays) inside an event:
dp.onBeforeEventRender = function(args) {
va...
How-To: Create an event when... (Scheduler)
Answered: It's possible to add an extra margin to the bottom (or top) of the row: https://doc.daypilot.org/scheduler/row-height/
dp.rowMarginBottom = 5;
How to Expand/Collapse all nodes on resource tree in a single click?
Answered: Yes, you can use rows.expandAll() method:
dp.rows.expandAll();
See also: https://api.daypilot.org/daypilot-scheduler-rows-expandall/