Questions Tagged how-to
Get Resource Parent ID
Answered: You can do it like this:
var parentId = dp.rows.find("A").parent().id;
See also: https://api.daypilot.org/daypilot-scheduler-rows-find/ https://api.daypilot.org/daypilot-row-parent/
Shared / Public calendar folder
Answered: David Try adding the following to the end of your Read Only Service property: svc.ImpersonatedUserId = New ImpersonatedUserId(ConnectingIdType.SmtpAddress, "room@domain.com") Be aware that it will re...
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/
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...
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...
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...
Ctrl+Shift Keys
Answered: Workaround done. Problem fixed. Handling the onEventRightClick Event. if (args.originalEvent.ctrlKey==true) { args.preventDefault(); }
Display partials or some part of (current) document
Answered: It's possible to display custom HTML using .showHtml() method. You can get the inner HTML of a certain element using innerHTML:
var html = document.getElementById("someContentDiv").innerHTML;
new ...
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/
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: 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/
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: Alter Working Hours (Scheduler)
Answered: Yes, you can do it using businessBeginsHour and businessEndsHour properties. See also: https://doc.daypilot.org/scheduler/business-hours/
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...
Event Tooltip does not display using Lite version 5.0.308
Browser is Firefox and IE Documentation says it is supposed to work using the Lite version. Is there another property that needs to be set?
Export functions don't work with images as resources
Hi, im using the MVC Scheduler with resources as images in the first column. If i try to export any view from the scheduler, the images are not showed in the JPEG, PNG or somethings else. (see upload...
Event overlap true. Set maximum events per day
Hi! I would like to have multiple events in one day. I set eventoverlap to true. (hotel reservation system) But I would like to set limit per day. Is there anything like this? I think, I saw it somew...
After import csv, cant see events in calendar
Hi I am using hotel reservation system. After importing values into table reservations -> LOAD DATA LOCAL INFILE 'test.csv' INTO TABLE temp CHARACTER SET utf16le FIELDS TERMINATED BY ';\0' LINES TERM...
Kanban: onBeforeCellRender in AngularJS
Answered: This happens because event handlers specified using on-* attributes automatically wrap the code in an $appy() block - to make the behavior consistent with the standard AngularJS behavior. This isn't ...
Kanban: Active Column in AngularJS
Answered: There was a bug - the Kanban control made some direct changes to the column.areas array during an update which triggered another update... It should be fixed now in the latest sandbox build (8.2.2375...
DayPilotScheduler- Same Event Heights?
Answered: You can control the event overlap using EventStackingLineHeight property: https://doc.daypilot.org/scheduler/event-stacking-line-height/ You can use a value from 0 to 100 (percent). 100 is the defaul...
Month name
Answered: In the ASP.NET version, it uses the current locale to format the dates. In the demo, the locale is set to "en-us" in web.config:
<configuration>
<appSettings/>
<system.web>
<compilation ...
Daypilot Modal window issue
Hello there I am using Daypilot Modal extender to show the popup screen when I click an event. I use bootstrap validation to validate my controls in my pop up window, so when I click submit button I ...
TimeRangeSelectedHandling = TimeRangeSelectedHandlingType.CallBack Issue
Answered: The CallBack is an internal mechanism that only allows communication with the server-side DayPilot backend. It exchanges messages in JSON format - in other words, you can't use it to open a modal dia...
Day border
Answered: One of the options is to add custom separators at the specified times (day starts): https://doc.daypilot.org/scheduler/separators/
Daypilot scheduler/Calender occupancy report
Answered: You can display the occupancy percentage in a special column of the row header: https://doc.daypilot.org/scheduler/row-header-columns/ This way you would be able to display occuppancy per room. You c...
Set a width of Specific Column and its data
Answered: Actually, I figured it out with using RowHeaderWidthAutoFit = "false" on ASP.NET and then scheduluer.HeaderColumns.Add(new RowHeaderColumn("NEW COLUMN", 200)) <= size of the column to be 200px