Questions Tagged javascript
DayPilot Scheduler Event Moving Shadow Issue
Answered: For the record: The problem was a combination of snapToGrid: true and useEventBoxes:"Never", cellDuration: 1440 and events that start at 12:00 (noon). The events snap to the grid with this config - t...
Calendar Resources Header width
Answered: Unfortunately, this is not supported at the moment. As you mentioned, it's possible to use fixed column width but it applies to all columns.
Set Display to a Business Year in Scheduler
Answered: Yes, this is possible. You need to modify the row total calculation logic so that it only includes the selected events. The Annual leave tutorial (https://code.daypilot.org/97780/php-annual-leave-sch...
When is the control ready to use?
Answered: The scheduler.control value is accessible since ngAfterViewInit.
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://...
onBeforeCellRender
Answered: By default, the results of onBeforeCellRender are cached until the next update() call. You can disable the cache using beforeCellRenderCaching property. See also: https://api.daypilot.org/daypilot-sc...
Scheduler Zoom in IE11
Answered: Hi Jeff, This should be fixed now in the latest sandbox build (2020.1.4281): https://javascript.daypilot.org/sandbox/ See also: https://release.daypilot.org/changes/js/ Please let me know if the prob...
Scheduler AutoScroll detect autoscroll event
Answered: Unfortunately, this is not supported at the moment.
Context menu
Answered: You can't display a dropdown but you can modify the menu items (e.g. change the icon) on the fly using onShow() event handler: https://api.daypilot.org/daypilot-menu-onshow/
Grid lines not shown at first load
Answered: Can you please give it a try using the latest DayPilot Pro version? The vertical and horizontal grid lines are rendered at the same time as the grid cells and it's very unlikely they wouldn't get ren...
Disabled Cells don't work in Chrome
Answered: This issue should be fixed now in the latest sandbox build (2020.1.4295): https://release.daypilot.org/changes/js/
Area selection
Answered: 1. Active areas that specify the "action" property will not let the mouse click event bubble to the underlying event and the event click action won't be fired. You'll need to leave the "action" value...
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...
Doesn't show all events on live server
Answered: I recommend using the browser developer tools (Network tab) to check what is being loaded and at what point. The loading logic may not be correct. The development environment usually has much lower n...
crosshair and shifted timelines
Answered: Hi Simon, This should be fixed now in the latest sandbox build (2020.1.4271): https://release.daypilot.org/changes/js/ Let me know if the problem persists.
DayPilot Pro for JavaScript
Answered: The use of the trial version is limited to evaluation purposes and to 60 days. See also the trial license agreement: https://javascript.daypilot.org/files/LicenseAgreementTrial.pdf
DayPilot in lit-element (Web Components)
Answered: Yes, that fixes it. When is the next release planed? After having worked with many different companies offering similar services I have to say: extraordinary work! Thanks a lot!
Column header click event
Answered: There is now a new onBeforeRowHeaderColumnRender event available in the latest sandbox build (2020.1.4266): https://release.daypilot.org/changes/js/ You can use it to add custom active areas to show ...
Event on tals collapse/expand?
Hello, How do I fire an function when an user collapses or expands a row of the Gantt? I am using the angular version.
Resources names are not displayed
Answered: The "name" property, as well as "id" must be in lower case. See also: https://api.daypilot.org/daypilot-scheduler-resources/ Please note that this is not the free Lite version but a trial version of ...
How to use daypilot pro javascript OEM license
Answered: Could you please contact support@daypilot.org and include your order number?
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...
height of scroll field
Answered: If you are using heightSpec="Parent100Pct" you'll need to call the show() method to fix the height based on the new parent element height: https://api.daypilot.org/daypilot-scheduler-show/
Overwriting an event backColor seems to remove capability to change selected color
Answered: You can do this by adding the following CSS:
.scheduler_default_selected {
background-color: black;
}
.scheduler_default_selected .scheduler_default_event_inner {
opacity: 0.7;
}
It als...
ERROR Error: DayPilot.Scheduler: The placeholder element not found: 'dp_158159830263098078'.
Answered: You can use *ngIf on the <daypilot-scheduler> element:
<daypilot-scheduler [config]="config" [events]="events" #scheduler *ngIf="visible"></daypilot-scheduler>
You can also create the component d...
DayPilot.GanttConfig doesn't include onRowCreate
The type definitions of Daypilot.GanttConfig (daypilot-pro-angular 2020.1.4216.) Don't include the function type OnRowCreate Nor is it included in the api docs https://api.daypilot.org/daypilot-gantt...
Changing message duration depending on the message "type"
Answered: Yes, this is possible. You can specify the delay using the "options" parameter of the message() method:
dp.message("Welcome!", {delay: 5000});
See also: https://api.daypilot.org/daypilot-schedule...
Problems between Infinite Scrolling and Switcher over Scheduler Calendar
Answered: The Switcher is only necessary if you want to manage different components, e.g. DayPilot.Calendar for the week view and DayPilot.Month for the Month view. If you are using two different configuration...
Is a "clear" required when calling again makeDraggable of items?
Answered: The makeDraggable() method adds special event handlers (mousedown, touchstart) to the target DOM element but it doesn't link it to the Scheduler component. It's not necessary to clean the elements ex...