Questions Tagged how-to

Answered: You need to supply one item in the datasource for each of the rows. Typically, you'll be storing the resources assignment (event-resource link) as a separate DB record anyway. I recommend using the a...

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...

Answered: Please take a look at HeightSpec property, especially Parent100Pct value: https://doc.daypilot.org/scheduler/100-pct-height/

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...

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.

Answered: Please see my answer here: https://forums.daypilot.org/Topic.aspx/3866/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 ...

Answered: Basically everything inside function() { .... }: <script type="text/javascript"> dp_day.nav.bottomRight.addEventListener("scroll", function() { setTimeout(function() { dp_week.nav.bottomRight.scrollT...

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...

Answered: Unfortunately the column headers don't support tooltips in the Lite version at the moment.

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.rowHead...

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...

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...

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...

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...

Answered: Take a look at this tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events

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 spec...

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/