Questions Tagged how-to
hide resources name row
Answered: You can use "rowHeaderCols" property instead of "rowHeaderColumns". It's an older syntax that creates columns but doesn't generate the column headers. It holds an array with column widths:
dp.rowHe...
Bubble error on production
Hello I have updated the version as I saw on your previous answers but still have error when hovering on the scheduler cells. Its happening only on production. thanks
Multi cell selection does not seem to work on scheduler in scale hour
Hi, I am using the scheduler from "daypilot-pro-angular": "https://npm.daypilot.org/daypilot-pro-angular/trial/8.3.2826.tar.gz" Unlike the various samples you have provided, I am not able to select t...
OnBeforeCellRender optimization
Answered: This event is called once for every cell. Therefore the implementation should be as fast as possible. You should avoid making database calls from there. Instead, load the required data in advance and...
DayPilot in AngularJS with webpack
Answered: After a night sleeping on the issue, found the solution. DayPilot registers the module in angular using angular.module("daypilot",[]) so in order to register one needs to use the 'daypilot' module na...
Scheduler - Change Event Duration Bar Position to Left
Answered: If you need a simple bar with a specified color then you can use an active area: https://doc.daypilot.org/scheduler/event-active-areas/ You can also change the position of the duration bar by modifyi...
On BeforeCellRender Setting CssClass
Answered: The custom CSS class will be applied to all cells. The cells that belong to a parent resource may have additional CSS applied that affect the appearance. Make sure that your CSS overrides that. The b...
How to hide rows with no events
Answered: Take a look at this tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events
searching and displaying specific data in DayPilot Scheduler
I get my scheduler on my JSP page without any problem. Now i'm trying to search and display only ONE specific resource, or Project. i enter something in my jsp text input, i get a JSONException when ...
Can't install paid Daypilot with npm in a Angular/Cli Project
Answered: Have you replaced x.y.zzzz with the actual version number? Example for the latest release:
https://npm.daypilot.org/daypilot-pro-angular/your-api-key/8.3.2864.tar.gz
You can also get a link to a...
Utilize full cell when max hours = 9 hours
Answered: If you use the default .useEventBoxes value the events will be aligned with the grid cells:
dp.useEventBoxes = "Always";
See also: https://doc.daypilot.org/scheduler/exact-event-duration/
How to stop drag and drop feature on event calendar
Answered: You need to turn the features off one by one:
dp.eventMoveHandling = "Disabled";
dp.eventResizeHandling = "Disabled";
dp.timeRangeSelectedHandling = "Disabled";
See also the following tutorial ...
Fixed width on kanban when we have a lot of columns
Answered: It's now possible to use fixed column width (since build 8.4.2890). See the sandbox: https://javascript.daypilot.org/sandbox/kanban/columnfixedwidth.html You can switch to fixed width like this:
dp...
How to find a resource by mouse position
Hi; How to find a resource by mouse position on rowColumnHeader using onmouseup event (not usingDaypilot.contextMenuResource) ! I used jquery like this $("body").on("mouseup",".scheduler_hotelca_rowh...
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.