Questions Tagged javascript

Answered: Unfortunately, this is not possible. You can use custom event height but it won't affect the position of other events. Based on the overlap ordering rules, the events are arranged into "lines" inside...

Answered: Please make sure that daypilot-all.min.js is loaded before the month control initialization code [@Html.DayPilotMonth("dp",....]. If the library is not loaded at that point it will generate an error ...

Answered: Sorry for the delay. This bug has been fixed in 2018.4.3469: https://javascript.daypilot.org/daypilot-pro-for-javascript-2018-4-3469/

Answered: PHP is not my primary language, but maybe you can try adding the userId as a parameter to the backend url. So dp.events.load("backend_events.php"); becomes: dp.events.load("backend_events.php?userid=...

Answered: I'd recommend checking the server response (backend_events_create.php call) using browser developer tools. It may include additional information about a server-side error.

Answered: Hi Paul, This feature is not intended as a workaround for displaying long events. It's designed for views where the day boundaries are shifted - e.g. tv listings. The calendar will display events spa...

Answered: If you use the modal dialog to display a custom URL using showUrl() it will always use an iframe. The "useIframe" value is ignored in this case. If you want to reach the JS objects created in the par...

Answered: The default behavior corresponds to the typical file manager behavior - clicking an event selects it, clicking another event changes the selection to the new event, Ctrl+click is required to unselect...

Answered: Unfortunately, this kind of arrangement is not supported at the moment. The parent resource will always be displayed as a separate row.

Answered: You can scroll to a specified position using scrollTo() method: https://api.daypilot.org/daypilot-scheduler-scrollto/ You can get the selected event using multiselect.events(): https://api.daypilot.o...

Answered: To switch the view, you just need to change the viewType value and call update(), like this: Switch to day view: dp.viewType = "Day"; dp.update(); Switch to week view: dp.viewType = "Week"; dp.update...

Answered: You can override the CSS for the leaf node icon. For the default theme, the CSS class is called "scheduler_default_tree_image_no_children". See also: https://doc.daypilot.org/scheduler/css-classes/ Y...

Answered: The latest sandbox build (2019.2.3812) now supports rowHeaderColumnsResizable property which lets you disable the row header column resizing: dp.rowHeaderColumnsResizable = true; When the resizing is...

Answered: You can apply custom sorting rules to overlapping events. Please see the example in the documentation: https://doc.daypilot.org/scheduler/event-sorting/ Let me know if this is not what you are lookin...

Answered: Yes, you can use scale: "Week" which uses a week as a cell size: https://javascript.daypilot.org/sandbox/scheduler/scaleweeks.html The week start is determined using the current locale ( https://api....

Answered: Hi Christian, There are two options: 1. You can cancel the default action in onEventMove and create and add the event object manually using a deep copy of the data object: dp.onEventMove = function(a...

Answered: Please see the following tutorial that shows how to implement zoom for the Scheduler component in JavaScript: https://code.daypilot.org/32893/javascript-scheduler-zoom

Answered: You can use standard HTML5 drag and drop API to implement this functionality. Please see the following example: https://code.daypilot.org/12371/javascript-scheduler-events-as-drag-and-drop-target

Answered: You probably mean the Gantt chart which displays the nodes expanded by default. You can override the default value using row.collapsed property of the data object: { id: 1 start: "2019-01-01T09:00:00...

Answered: There are two factors to take into account: 1. Frequency of change detection cycle calls Angular fires the change detection cycle for pretty much any action, including callback functions that are cal...

Answered: When you use the JavaScript declaration style you won't be able to access the component object as "this": onTimeRangeSelected: function(args) { // ... this.myFunction(); // won't work } It's necessar...

Answered: I realized now that in documentation even onEventMoving does not have those modifiers documented, but has them when i am debugging, hope that helps.

Answered: The Calendar and Month components now support options.width parameter that will let you override the dynamic width calculated from the current view. It's available since build 2019.1.3595 (see the sa...

Answered: The onDomAddEvent and onDomRemoveEvent event handlers are not yet supported in all components. In the DayPilotMonth component it's now available since 2019.1.3594 (use the latest sandbox version - ht...

Answered: Hi Wolfwgang, Sorry for the delay. This scenario is not supported at the moment. However, you can do it the other way around - instead of hiding parts of the event you can hide the non-business parts...

Answered: This issue should be fixed now in the latest sandbox build (since 2019.1.3569): https://javascript.daypilot.org/sandbox/