Questions Tagged how-to
How to limit appointment time only to 30 minutes?
Answered: 1. The default appointment slot duration is set in "backend_create.php" file using $slot_duration variable:
$slot_duration = 60;
You can change it as needed. 2. Yes, you should change sesion_id t...
Remove "DEMO" tag on table
Answered: The DEMO label indicates that you are using a trial version of DayPilot Pro (which is bundled with the tutorial). In order to remove it you need to purchase a full license at http://www.daypilot.org/...
Angular2 scrollTo() on click event
Answered: This issue should be fixed now in the latest sandbox build (8.3.2510): https://npm.daypilot.org/ You can use the following code to keep the current position when changing the scale/cellDuration/cellW...
How-To: Change Week Start for DayPilot.Calendar (Week View)
Hi, How can I change the week view start day? It keeps defaulting to Sunday to Saturday. I would like to have it as Monday to Sunday. Please see attached image. Navigator is correct but Calendar not....
How do I resize the view of my tasks?
My task view display window is so small, that I cannot see what is in the gannt chart. How can this be fixed so that I can see several tasks at once? Thanks in advance.
Resources not showing with dynamicLoading = true
Answered: I figured out what the problem was after testing my data on the dynamic example. I had not added args.loaded() in my onScroll function. After adding that the rows are loaded correctly, but with a del...
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...