Questions Tagged javascript
Vue.js: Scheduler requests having the wrong period
Answered: The Scheduler uses visibleStart() and visibleEnd() to read the current visible range boundaries in events.load(). If you make changes to startDate and days these changes will only be applied when you...
Scheduler resource each row alternative color
Answered: Please take a look at this example: https://doc.daypilot.org/scheduler/alternate-row-colors/
Angular Daypilot trail version
Answered: After the trial period you need to purchase a license or stop using the library.
Update particular resources
Answered: Yes, you can use row.update() method: https://api.daypilot.org/daypilot-scheduler-rows-update/
DayPilot schedule become slower when working with a large data set
Answered: Please take a look at this Angular performance guide: https://doc.daypilot.org/scheduler/angular-performance/
autoScroll horizontal scroll only
Answered: Unfortunately, there is no way to control the auto-scroll in a single direction only at this moment.
Active Areas - start/end problem
Answered: The start/end properties weren't actually supported for visibility: "Hover". It should be working now in the latest sandbox build (2020.4.4762).
Issues with keyboard navigation and custom themes
Answered: The way the focused element (cell/event) is highlighted is not final and it may change in the final release - that's why the Theme Designer doesn't include support for the keyboard focus yet. The bui...
How to create and edit events in ionic v1
Answered: DayPilot.Modal just shows the supplied HTML and it doesn't perform any framework-specific initialization. You can supply an element instead of HTML when calling showHtml(), or you can initialize the ...
Write back from rendered component inside event to its data
Answered: You need to change the event data object and call dp.events.update(data); to update the view. Depending on how much you want to encapsulate the component, you can either pass DayPilot.Scheduler insta...
Find multiple events using DayPilot.Scheduler.events.find
Answered: The primary purpose of events.find() is to find an event by ID. It searches events.list and if you need to filter the event data I recommend accessing the data store directly:
let events = dp.event...
Padding on Table Layout => Delta on timerangeselection
Answered: It seems to be a Bootstrap theme conflict, not a DayPilot issue, I will investigate my side,
Adding an extra line on timetable
Answered: Unfortunately, this is not possible at the moment and I can't think of any workaround.
Changing resources property doesn't update in the frozen rows
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4741). It also fixes this issue: https://forums.daypilot.org/question/5244/showing-hiding-resource-columns-doesnt-synchronize-with-f...
Is there an event on resizing rowHeaderWidth
Answered: Yes, it's onRowHeaderResized: https://api.daypilot.org/daypilot-scheduler-onrowheaderresized/
Angular Scheduler how to resize entire resource column
Answered: This property is now added in the latest sandbox build (2020.4.4740).
Showing/Hiding resource columns doesn't synchronize with frozen rows resource area
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4741).
Scroll not working in ionic v1
Answered: We don't officially support Ionic. It may or may not work. Ionic is quietly intercepting events and doing some weird things, especially in the early versions. I recommend trying it with the latest Io...
Manipulate the text in the in-place editor
Answered: The args.newText value is read-only and you can change the text by canceling the default event and submitting the adjusted value:
dp.onEventEdit = function(args) {
args.preventDefault();
args...
Control event text (numeric or alphanumeric)
Answered: The latest sandbox build (2020.4.4729) lets now includes an experimental onAfterEventEditRender event handler that lets you access the editing <textarea> element using args.element. You can use it to...
No row header scrolling in combination with frozen rows
Answered: This issue should be fixed now in build 2020.4.4757. Please let me know if it doesn't work as expected.
How to select multiple events on single click?
Answered: You can handle onClick event and modify the selection using the event selection API, i.e. multiselect.add(): https://api.daypilot.org/daypilot-scheduler-multiselect-add/
Limit time range selecting to one day
Answered: It's OK, I found the solution myself using onTimeRangeSelecting
onDomAddEvent and onDomRemoveEvent are not triggerd
Answered: These events were renamed to onBeforeEventDomAdd and onBeforeEventDomRemove to make the names consistent with other events. The old events were supposed to be supported as well but there is a bug tha...
Passing function for event area click
Answered: The best way is to remove the "areas" property from TL_sys_bloki.php and add it using onBeforeEventRender:
dp.onBeforeEventRender = function(args) {
args.data.areas = [
{left: 0, top: 0, wi...
DayPilot scheduler suddenly not working properly
Answered: Can you please contact support@daypilot.org and include your order number?
How to highlight a cell being hovered by a fill color
Answered: You can use :hover CSS selector to define the hover style:
.scheduler_default_cell:hover, .scheduler_default_cell.scheduler_default_cell_business:hover {
background-color: #ccc;
}
Customizing time header cell after binding
Answered: If you load the events using one of the optimized methods, e.g. events.load(); or update({events: [...]}); the Scheduler will only update the events. You'll need to force a full refresh to re-render ...
text-align: right does not work for *_event_inner class
Answered: You can override "display: flex" if needed. It is only used to enable vertical centering within the event box. You can also keep "display: flex" and use "justify-content" to align the event text to t...