Questions Tagged javascript
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...
how can i get the calendar to show an specific date?
Answered: i solved this in an easier way than i expected. I just discovered i can use thymeleaf in the javascript so i send the model of an event to the view and i get it done like this. <script th:inline="jav...
Row Sort Event/Property for scheduler
Answered: Since build 2020.1.4264, it's possible to read the current sort criteria using DayPilot.Scheduler.rows.sortParam property (read-only): https://api.daypilot.org/daypilot-scheduler-rows-sortparam/
Scheduler Scrollbar position
Answered: The scrollbar used by the Scheduler is the native browser scrollbar which is always displayed at the bottom. In order to make the scrollbar visible, make sure that you are using heightSpec="Parent100...
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.
Multirange selecting in react disapears when you set the state of the component
In react when you change a component state it will refresh the render. Normally you pass the state to the childcomponents but I can't find the correct method to do so for multi time range selecting. ...