Questions Tagged how-to
Set event bacground image without repeating
Answered: You can use an active area (https://doc.daypilot.org/scheduler/event-active-areas/) to place a custom rectangle the the specified position. Like this:
e.Areas.Add(new Area().Bottom(0).Left(0).Width...
Timeline Chart - Selenium
Answered: The best way to target the DOM elements would be using the internal CSS classes (derived from the theme name) that are applied to the Scheduler: https://kb.daypilot.org/62119/list-of-css-classes-used...
How to put my Ressource from my Database to the scheduler ressource ?
Answered: In Java, you can load the resources on the server side using getResources() method. Just fill the collection as needed. An example from https://java.daypilot.org/scheduler-tutorial/:
public class D...
Export a Time Range example from Documentation does not work.
Answered: The exportAs() method is available in the Scheduler (DayPilot.Scheduler object) since version 8.2.2117. Note that it's not available for the other controls yet (Calendar, Month, Gantt...). Let me kno...
Where is documentation on <daypilot-gantt> tag?
Answered: The documentation can be found here: AngularJS 1.x documentation for <daypilot-gantt>: https://doc.daypilot.org/gantt/angularjs/ Angular 2+ documentation for <daypilot-gantt>: https://doc.daypilot.or...
'daypilot-calendar' is not a known element
Answered: Both sources - the article (http://code.daypilot.org/63034/angularjs-event-calendar-open-source) and the forum topic (https://forums.daypilot.org/Topic.aspx/3170/directive-not-working) use AngularJS ...
How to disable an specific (the first one) row in Daypilot.Scheduler
Answered: Hi, If you are still looking for a solution. in MVC we have OnEventMove() being called on moving the events. You can probably check if the row is the one which you are looking for to be disabled. In ...
Export to PNG
I am implementing the print functionality in a page that inherits master page in asp.net.so wen I clock on print the PNG generated has all the tabs n stuff which are in master page...How can I get on...
DayPilot Scheduler - Scheduling
Answered: The resource id is available in "resource" variable in TimeRangeSelectedJavaScript:
<DayPilot:DayPilotScheduler
TimeRangeSelectedHandling="JavaScript"
TimeRangeSelectedJavaScript="console.log...
block the resize of a column
Is there a way to remove the resize option of one of the header columns ? Thanks
Serialize ResourcesCollection
After I added sessionState in StateServer mode in the web.config. I encountered System.Runtime.Serialization.SerializationException in the serialization of ResourceCollection. The text of the error i...
Scheduler: Prevent Javascript Popup on Cell Click
Answered: Yes, you can simply override the default TimeRangeSelectedJavaScript value with an empty string:
<DayPilot:DayPilotScheduler
...
TimeRangeSelectedJavaScript=""
/>
Connection Error when populating Daypilot scheduler
Answered: That should work if you replace OnInit with OnFinish. OnInit is called once per page load, when the Scheduler is first displayed. OnFinish is called at the end of every callback request.
Scheduler: How to disable event move on touch devices?
I'm using angular scheduler. Here is my config: $scope.schedulerConfig = { allowEventOverlap: false, eventResizeHandling: "Disabled", eventMoveHandling: "Disabled", visible: true, scale: "Minute", ce...
How to change the backColor of the timeRangeSelection while timeRangeSelecting event
Answered: You can use the direct cells API, e.g. https://api.daypilot.org/daypilot-scheduler-cells-find/ Just a note - you need to remember the changes made to the cells and redo them when it's finished.
Losing scrollbars when adjusting height dynamically
Hi there, On an event i want to increase/decrease the size of the scheduler and reset the height and width. I have set the HeightSpec to Fixed and on the event the height is set by dps.setHeight(newh...
concurrent event groups
Answered: Now (since build 8.3.2847) you can also access the events in the group using args.group.events array: https://api.daypilot.org/daypilot-scheduler-onbeforegrouprender/ The latest build is available in...
Angular 2, cell bubbles during event move
Hi When moving an event with drag and drop our cell bubbles are shown during drag where the grab handle happens to be placed on the event, instead I would like to display a bubble with the targeted s...
How to capture mousedown on events
Answered: There is onAfterEventRender event that you can use to attach custom listeners to the event div: https://api.daypilot.org/daypilot-scheduler-onaftereventrender/ Example
dp.onAfterEventRender = funct...
Angular Scheduler: setting htmlLeft from onBeforeEventRender
Answered: It should be fixed now in the latest sandbox build (8.3.2842): https://javascript.daypilot.org/sandbox/ Let me know if the problem persists.
Reset "args" data in "onEventMoved"
Answered: This issue should be fixed now in the latest sandbox build (8.3.2841): https://javascript.daypilot.org/sandbox/ Let me know if the problem persists.
Angular 4
Answered: The DayPilot namespace still works the same way. Just import it:
import {DayPilot, DayPilotSchedulerComponent} from "daypilot-pro-angular";
And you can use it in the code.
Event overlap javascript
Answered: Found a solution:
dc = dp.resources[x].children[y].id;
var dcStart = dp.events.find(dc).data.start;
var dcEnd = dp.events.find(dc).data.end;
var deStart = args.start.addMinutes(30);
var deEn...
Move resource server side in Scheduler
Answered: The resources will be displayed in the order specified in the Resources collection. When adding a new Resource just insert it at the specified position or sort the collection before updating the Sche...
Angular 2 scheduler loaded in a dynamic component
Hi, I'm trying to load a scheduler within a dynamic component in Angular 2 but I'm experiencing problems to get events showing in my scheduler. I'm not really sure what's going on but it could be som...
Callendars scrollbars working as one
Answered: You're right, sorry. The latest version requires a different syntax.
@Html.DayPilotCalendar("dpc1", ...)
@Html.DayPilotCalendar("dpc2", ...)
<script>
dpc1.nav.bottomRight.addEventListener("s...
Can't get showNonBusiness to work on JS
Answered: I used dayBeginsHour and dayEndsHour instead and that worked perfectly. I'm not sure if showNonBusiness is deprecated, I tried to debug the script and saw those two so I used them. So now my only pro...
Change from sqllite to MS SQL
Answered: Yes, you just need to adjust the $db variable initialization in _db.php:
$db = new PDO('sqlite:daypilot.sqlite');
For MySQL you'll need to use something like this:
$host = "127.0.0.1";
$port =...
Inverse the axis
Answered: It's possible but you'd have to use the Calendar control switch to the "Resources" mode instead of the Scheduler. You can see a demo here: https://javascript.daypilot.org/demo/calendar/resources.html