Questions Tagged how-to
How to highlight area on Scheduler when clicked on an event
Hi everybody, There is few time I have started to use Daypilot for JS. But now I have a problem that not seems to be in "Demo" section. My goal is to highlight some area when an Event is selected. Fo...
Scroll down a specific Event on filter
Hi, How can i scroll down to a specific event when i apply filter? . when i apply filter event filtered but i have to scroll down to find specific event . is there any way to go on specific event dir...
How to highlight the busy days in angular2
Answered: <daypilot navigator [config]="navigatorConfig" [events]="events" [(date)]="calendarConfig.startDate"></daypilot-navigator> here [events]="events" is list of events which is used in calendar so same c...
Fix Header
Answered: Please take a look at HeightSpec property, especially Parent100Pct value: https://doc.daypilot.org/scheduler/100-pct-height/
How to get the start and end date
I am currently using the trial version of DayPilot Pro. I am displaying a default week / month view of the current week/month. I need to extract from the calendar the start and end dates it is showin...
How to display full time on monthly calendar event
Answered: I found a solution in a demo project. The demo project is in the DayPilotProTrial-8.3.3601.zip on the following page : https://www.daypilot.org/demo/ On the StartEndTime aspx page, look for the OnBef...
Is it possible to change color to milestone
Is there any way to change color of milestone task in some conditions (code behind should be the best option in my case) Regards
module daypilot angular
hi ! i would add this calendar to my software but it wont add the library daypilot pro angular so i install it , i put it in systemconfig.ts : " 'daypilot-pro-angular': 'npm:daypilot-pro-angular' " b...
hideAfter property of bubble is not working
I have tried to set the hideAfter property to 8000 miliseconds, but bubble gets hide after mouseout. hideAfter property not working. please suggest Thanks
Apply filtering on "OnInit()" function
Answered: This will work fine - just make sure you don't overwrite Events in OnFinish(). OnFinish() is called at the end of every CallBack request.
two scheduler synchronization
Hello, I have two schedulers on a page. Bottom one doesn't have a timline and it's right under the first scheduler. Cells have the same width, so they look like one grid. But when I expand groups ins...
Can I switch column header x and y ?
Answered: Please see my answer here: https://forums.daypilot.org/Topic.aspx/3866/how-to-change-first-column-header-from-time-to-date
How to change first column header from time to date?
Answered: Such a view isn't supported at the moment. I recommend using the Scheduler (https://doc.daypilot.org/scheduler/). The Scheduler can display days on the X axis and a hierarchy of resources on the Y ax...
Calendar scroll speed
Answered: Basically everything inside function() { .... }:
<script type="text/javascript">
dp_day.nav.bottomRight.addEventListener("scroll", function() {
setTimeout(function() {
dp_week.nav.bottom...
DayPilot > Scheduler > Printing - results in blank page
Answered: OK. Finally got this to work. this was my final version: var image = this.$scope.dps.scheduler.exportAs("SVG" ,{ area: "range", dateFrom: this.formatDate(fromDate), dateTo: this.formatDate(toDate), q...
I want to appear tooltip
Answered: Unfortunately the column headers don't support tooltips in the Lite version at the moment.
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...