Questions Tagged javascript
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
Hi, The row header scrolling doesn't appear in combination with rows frozen to bottom. With rows frozen to top or without frozen rows at all the scrollbar ist visible and works correct. I'm using the...
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...
cellWidthSpec = 'Auto' doesn't work with resources separator
Answered: This should be fixed now in the latest sandbox build (2020.4.4698): https://javascript.daypilot.org/sandbox/
Scheduler scroll event
Answered: You may want to take a look at the "frozen rows" feature that may help with some scenarios: https://doc.daypilot.org/scheduler/frozen-rows/ If that doesn't work, you can use the addEventListener sync...
Lazy loading resources in DayPilot Scheduler
Answered: You can group the users by department or by alphabetically - this will let you load the group children dynamically when users click the expand icon: https://doc.daypilot.org/scheduler/dynamic-resourc...
Scheduler scrollbar in Chrome is thin
Answered: The Scheduler theme doesn't define the scrollbar appearance. It will use the default styles (defined by the browser or by your global styles). If you want to modify the default scrollbar appearance, ...
OnTimeRangeSelected
Answered: You can access the time range boundaries using args.start and args.end in onTimeRangeSelected event handler. Please see also: https://api.daypilot.org/daypilot-scheduler-ontimerangeselected/ You can ...
Overlapping sorting issues
Answered: In order to apply a specific order, you need to set different sort field values for each of the overlapping events. If the sort field is set only one of them the rest will appear in random order. If ...
Scroll to a specific time in the day
Answered: The scrollTo() call only works if the grid is already displayed and has non-zero dimensions. Since you define no resources before init() it can't scroll until the resources are loaded. There are two ...
Server Side Rendered React throws `navigator is not defined`
Answered: Unfortunately, server-side React rendering is not supported.
Real-Time Updates
Answered: Yes, but it requires some work. 1. First, you need to keep track of individual changes on the server side, and store them as a sequence. Each change would be something like add/remove/update action w...
External drag and drop to existing event
Answered: Hi Dan, The simpler solution was to follow your idea: keepElement: true DayPilot makes no attempt to remove elements during any of it's callbacks then. I then manage the list of external draggable it...
Navigator changing dates behaviour
There seems to be a bug with the Navigator when changing the selected date forward. For example, if the navigator is currently on September 26th and the number of months to display is 1 and I assign ...
Hotel Room
Answered: It is important to keep the output JSON structure. The event data structure is described here: https://api.daypilot.org/daypilot-event-data/ You need to respect these property names - the database st...
double click on cell areas results in two invocations
I defined an area in scheduler cells and a javascript handler for the click event. If I double click on the cell area the javascript handler is called twice, once for the first click, and once for th...
Highlighting dates in scheduler
Answered: In the Scheduler, you can use onBeforeCellRender to highlight selected cells. In that event handler, you can use args.cell.events() to get a list of events that overlap with the cell. See also: https...
forcing mousedown after calling scheduler's selectTimeRange method
Answered: This is probably a follow up on this question: https://forums.daypilot.org/question/5177/ignoring-left-click-behaviour-for-events You should be able to use onGridMouseDown, rectangleSelectHandling an...
Business Begins/Ends
Answered: Yes, it is possible using onBeforeCellRender: https://api.daypilot.org/daypilot-scheduler-onbeforecellrender/ This will change the status of the cell and the associated background color but it will n...
Showing event versions in the same 'row'
Answered: You can do this by creating a single version (with a transparent background) and adding the two active areas inside:
onBeforeEventRender: function(args) {
args.data.versions = [
{
...
DayPilot parse date with shortened year notation gives an error
Answered: It was intentionally not implemented in DayPilot.Date.parse() because of the ambiguity (and the docs was not correct - it was only supported in toString()). Anyway, it's now supported in the latest s...
Questions 1-30 of 1192
Next