Questions Tagged how-to
start hour in calendar display
Answered: You can using DayBeginsHour and DayEndsHour properties to control the start and end hour: https://doc.daypilot.org/calendar/overnight-scheduling/
timeRangeSelectingStartEnd - end day minus 1
Dear All! When I select, let's say, Nov. 10.-15 these 5 days are highlighted. But the bubbles (or however you call it - I can format them via timeRangeSelectingStartEndFormat) shows on the right of m...
MVC Popup Window - Stop closing when clicking out of window
Answered: With the latest version of DayPilot.Modal (2.6) you can use the following code:
modal.onClose = function(args) {
if (args.backgroundClick) {
args.preventDefault();
}
};
See also: http...
display calendar event as list View
Answered: I recommend using standard ASP.NET controls - such as a ListView (https://msdn.microsoft.com/en-us/library/bb398790.aspx). DayPilot doesn't include any control for displaying the calendar data in tab...
Set timerange to 8 am until 3am the next day
Answered: Rik, I didn't check the actual logic of your sample but the result should be set using args.cell.visible property instead of the return statement. See also: https://api.daypilot.org/daypilot-schedule...
DayPilot.Scheduler.makeDraggable Not supported in Angular2?
Answered: and here it is:
import { Directive, ElementRef, Input, AfterViewInit } from '@angular/core';
import { DayPilot } from 'daypilot-pro-angular';
@Directive({ selector: '[makeDraggable]' })
expo...
How to load properly load resources and events on Scheduler
Answered: After a day of work I managed to do it but still don't know if I am doing it correctly but it works. I created the scheduler object and when I got to resources I did an Ajax quest just for it and the...
How to limit time range in DayPilotCalendarWeek
Answered: Hi, I would do the following: 1. First setup you're working hours:
dp.businessBeginsHour = 7;
dp.businessEndsHour = 18;
2. Then I'll handle the onEventMove as well as the onEventResize event: ht...
How to execute using MySQL instead of SQLite?
Answered: The default MySQL port is 3306 so keep that value (unless you have changed the port in your MySQL installation). As far as I can see there are no extra backticks in the SQL commands. Your _db.php sho...
Clear all the events from the calendar with javascript
Answered: Hi Philippe, The events are stored in .events.list array - so you can do something like this:
dpc1.events.list = [];
dpc1.update();
See also: https://api.daypilot.org/daypilot-calendar-events-li...
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/