Questions Tagged javascript
Context menu does not close on click inside scheduler, when 'timeRangeSelectedHandling' is set
Answered: Hi Daniel, This should be fixed now in the latest sandbox build (2021.2.4981): https://javascript.daypilot.org/sandbox/
Drag/drop long booking at viewport edge
Answered: If you use a timeline with gaps between cells or adjust the event length for non-business hours (eventMoveSkipNonBusiness) you should forbid moving events that cross the Scheduler grid edge. The Sche...
Create schedule with only start date and duration
Answered: No, this is not supported at the moment. You'll need to calculate the start and end dates before displaying the data in DayPilot.
Multiple resources on a date...
Answered: Yes, this is possible: https://javascript.daypilot.org/demo/calendar/daysresources.html https://doc.daypilot.org/calendar/column-header-hierarchy/ You can also take a look at the Scheduler that can d...
Bubble showAfter setting has no effect
Answered: The bubble opened by an active area (action: "Bubble") is always displayed immediately. If you want to delay it you can use the following code:
args.data.areas = [
{
right: 0,
...
Multirange selecting in react disapears when you set the state of the component
Answered: The time range selection is not part of the Scheduler state and it will get cleared on update.
Multiple row copy paste
Answered: Please take a look at the following tutorial: https://code.daypilot.org/72047/javascript-scheduler-copy-multiple-events
Show only current month days in month view
Answered: It's not possible to hide the boxes but you can use onBeforeCellRender event to remove the day numbers (args.cell.headerHtml) and use a different background color (args.cell.backColor). See also: htt...
ng build fails if AOT is enabled (Angular 11)
Answered: It looks like this might be buggy behavior on the Angular side (or my lack of understanding of ngcc). The ngcc compiled code is significantly different when automatically run by `ng build` vs when ru...
Features available for react js schedular
Answered: All DayPilot Pro for JavaScript features are available in React as well. To learn more about event editing, please see the following documentation page: https://doc.daypilot.org/scheduler/event-editi...
Why Group use alway return 0 in the fist time run?
Answered: The "used" value will be 0 before the events are loaded. The result of onBeforeCellRender is cached and in most cases the caching needs to be disabled using "cellsAutoUpdated" property of the parent ...
Show/Hide Columns using checkbox list instead of context menu
Answered: Unfortunately, the menu doesn't support checkbox items so it can't be used for this purpose. You'd have to create a custom panel to show the checkboxes.
How to skip a day of the week
Answered: I'm not sure if that's what you mean but it's possible to exclude the hidden time from the event duration when moving events using drag and drop: https://api.daypilot.org/daypilot-scheduler-eventmove...
Giving a custom color to a Calendar message in Angular
Answered: This was not implemented in the Calendar component but it's now available in the latest sandbox build (2021.1.4923):
this.calendar.control.message('Welcome', {delay: 5000, cssClass: 'welcome-msg'})...
Check empty resource free
Answered: You need to go through the events in a row to find the free slots. See also the following tutorial: https://code.daypilot.org/94263/javascript-scheduler-find-next-free-slot
Total hour by Employee by tasks
El total que me da por empleado, no es correct. Estoy utilizando una prueba de Scheduler y no suma los minitos correctaente, me ma menos.
How to get id of newly created event?
Answered: You need to return the ID of the new event from the server after saving the new record in the database. Then you can add the event to the Scheduler using events.add(). Please take a look at the follo...
How to use 'DayPilot Pro for JavaScript (Web Start)' License for Dev/Test/Prod Environments
Answered: When deploying the application to auto-scaling Azure App Services it's necessary to use a multi-server license. Also, it is necessary to have a license for all people (developers, testers, etc.) who ...
Scheduler TimeHeaderRow incorrect width
Answered: The auto-width features (row header width auto-fit and cell auto width) rely on the actual rendering to get some measurements. That happens in cases when it is not possible to calculate all dimension...
Scheduler RowHeaderHideIcon position does not update
Answered: This should be fixed now in the latest sandbox build (2021.1.4903): https://release.daypilot.org/changes/js/
Scheduler RowHeaderMaxWidth desirable
Answered: You can achieve this using CSS - specify max-width for the row header text:
.scheduler_default_rowheader_inner_text {
max-width: 100px;
}
Blank gap in printable version
Answered: Browsers try to simplify the output during printing which makes the result unreliable. However, the Calendar is able to export an image which you can insert into a PDF file. Please see the following ...
Scroll to resource issue in DayPilot 2020.3.4610
Answered: Unfortunately, it's not possible to predict how the row height changes before the data are loaded. You can either make sure that the event row heights are the same (forbid overlapping events, group c...
Scheduler RowHeaderAutoFit doesn't shrink row header
Answered: Tim, This feature was designed to only extend the width. The latest sandbox build (2021.1.4889) now includes an experimental rowHeaderWidthAutoFitShrink property which you can use to enable shrinking...
Daypilot Scheduler Angular throws error cannot read property 'clientWidth' of null
Answered: Unfortunately, I'm not able to reproduce the problem. Could you please send a sample project that reproduces the issue to support@daypilot.org? You can generate a blank project at https://builder.day...
Uncaught RangeError: Maximum call stack size exceeded for versions after 4481
Answered: This indicates an infinite loop and it might be caused by an event handler or another method calling itself recursively. You might be able to find the problem by checking the stack trace. Please let ...
Bug with scrolling resources on mobile devices
Answered: This has been intentionally disabled in 2019.4.4089 (https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-4-4089/). iOS 13+ introduced some changes in onscroll handling which broke the sy...
How to stop scheduler overspilling parent when have an expanding header
Answered: The changes of the parent height are not watched dynamically. It's only recalculated if the window is resized. You can invoke a manual recalculation by calling show() after the header height is chang...
I don't understand which methods of the Pro version I can use for free
Answered: Don't worry. I have found the answer here: https://javascript.daypilot.org/feature-matrix/ Thanks
Scrolling on event draw/move/resize in Event Calendar
Answered: It's not coming in the near future. If you'd like to speed things up by sponsoring the feature please contact sales@daypilot.org.