Questions Tagged scheduler
Issue when rendering the scheduler
Answered: I recommend checking the data - it may contain invalid items which break the view. You can also check the JavaScript console to see if there are any errors.
Resource label vertical alignment on concurrent event
Answered: Unfortunately, this is not possible at the moment. You can modify the CSS and show the row header title at the top of the cell (the middle position may not work well for large heights).
How to get resource name instead of ID
Answered: You can get the row object (DayPilot.Row) using rows.find():
dp.onEventMove = function(args) {
var row = dp.rows.find(args.newResource);
// ...
};
It's also possible to use onEventMoving i...
infinity horizontal scroll
Answered: It seems i was to early with my post. i came across this documentation. https://doc.daypilot.org/scheduler/infinite-scrolling/ Going to try this out first.
In tutorial app is referenced
Answered: It's the Vue app:
var app = new Vue({
el: '#scheduler-app',
data: { }
});
It was missing in the previous code samples - the tutorial is updated now.
No of Days Calculation is getting reduced by One Day
Answered: If you only work with full days, you can switch to eventEndSpec="Date" mode which will translate the end date to "end of day": https://doc.daypilot.org/scheduler/event-end-date-time/ But that will no...
Display public holidays from date given
Answered: It's necessary to specify the holidays using full date, i.e. you need to specify it for all years that are applicable.
How display not only a current month?
Answered: You can specify the number of days using days property: https://api.daypilot.org/daypilot-scheduler-days/ This way you can display as many months as you need.
How to include this scheduler to spring boot?
Answered: > SO the question is how can I send as a response this data from database to the jpa and to display it on the scheduler correctly. This is what the tutorial is trying to explain in "Loading Scheduler...
Angular Scheduler: resources and events rows get desynchronized with scrollIntoView
Answered: Unfortunately, it's not possible to scroll the page using the row header this way. If you really have to do it, you'll need to use an element from the main grid (e.g. a cell). This will keep both pan...
Angular Daypilot Scheduler ngOnDestroy
Answered: The message appears if you deploy the trial version. The trial version can only be used for evaluation and this message is a reminder that you need to purchase a license: https://javascript.daypilot....
remove demo
Answered: You'll need to purchase a license: https://javascript.daypilot.org/buy/ The tutorial includes a trial version of DayPilot Pro.
How to add cssClass property per rowHeaderColumn in Tabular mode
Answered: Ok, I played a few hours, looked at the new resource object in tabular mode and came to the following solution. Note that I removed the 'display' attribute, to make sure DayPilot looks at the columns...
Rolling schedule possible ?
Answered: The generated timeline (scale !== "Manual") starts at 00:00 on the date specified using startDate. If you want to shift the start by a smaller unit you will need to hide selected time cells (https://...
Scheduler AutoScroll detect autoscroll event
Answered: Unfortunately, this is not supported at the moment.
Vue.js: divShadow is undefined
Answered: > I installed the newest version und the error is gone, but we have instead a new one: "f.divHover is undefined" Like with divShadow we didn't change anything. The Scheduler object is initialized and...
Scheduler Event Phases
Answered: The event phases are displayed using active areas (https://doc.daypilot.org/scheduler/event-active-areas/). Active areas are rectangles inserted into events. The can be positioned using css-like left...
How to prevent the changed between dates when we implemented Rowfilter and Scrolling.
Answered: When infinite scrolling is enabled, it is necessary to be careful when changing the Scheduler timeline parameters (scale, cellWidth, startDate and especially days). The infinite scrolling feature shi...
How to populate second RowHeader from database
Answered: You can set the column data source using "display" property of the rowHeaderColumns[] array items: This requires DayPilot Pro for JavaScript version 2019.4.4073 or later (with the tabular mode suppor...
adding columns
Answered: If you mean the row header columns you can change them using "rowHeaderColumns" property. In React, you can use rowHeaderColumns attribute of the <DayPilotScheduler> tag. See also: https://doc.daypil...
Multiple Events in single Cell in one Line for Scheduler
Answered: Please take a look at this option: https://doc.daypilot.org/scheduler/exact-event-duration/ Let me know if this is not what you are looking for.
Scheduler drag and scroll
Answered: On the desktop, this is not supported. You need to use the scrollbar or custom scrolling controls (implemented using scrollTo() - https://api.daypilot.org/daypilot-scheduler-scrollto/). On touch devi...
Vertical scroll
Answered: Yes, please see the options here: https://doc.daypilot.org/scheduler/height/
Set Text in Resource 2nd Columns
How we can set description/text on resource's second column on a button click. I understand on onBeforeResHeaderRender event, I can set description on second column but need to set dynamically. Below...
Scheduler Timeheader Date text 90 degree rotation
Answered: You can rotate the text using CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate
Angular show() not working
Answered: In order to access the component using "this" you need to use the arrow function notation:
reSizeScheduler = () => {
this.scheduler.control.show();
}
See also: https://www.typescriptlan...
Scheduler durationbarvisible false not auto adjust event height
Answered: The durationBarVisible property doesn't affect the event height - you can test it by running
dp.update({durationBarVisible:false});
in the browser console at https://javascript.daypilot.org/demo/...
Scheduler Bubble not showing after event add
Answered: If you add the event on the client side using events.add() the server-side BeforeEventRender won't be fired. That might be required for the bubble HTML to be set. You need to add the event using a ca...
Angular Scheduler TimeHeader Display Week Wording
Answered: You can override the text in the time header using onBeforeTimeHeaderRender event handler: https://doc.daypilot.org/scheduler/time-header-customization/