Questions Tagged javascript
scroll wheel vs. touch
Answered: There was an issue with the row headers. There was an extra space below the rows that allowed scrolling to an invalid position. This extra space is only required on desktop to make space for the scro...
Drag and Drop an item from external windows forms to DayPilot Scheduler
We are trying to implement Drag and Drop scenario using the explanation in https://doc.daypilot.org/scheduler/external-drag-and-drop/, but our external application is a desktop windows forms app and ...
something went wrong whith my modal (edit an appointment slot)
please i need help, the modal 'Edit appointment slot' works well just the status and the name and the button 'save' :/ i dunno why? and also i wanna ask about the documentation they said: "As soon as...
the status and the user's name in the Edit appointment slot doesn't appear!
please i need help, the modal 'Edit appointment slot' works well just the status and the name and the button 'save' :/ i dunno why? and also i wanna ask about the documentation they said: "As soon as...
i can not delete or edite an appointment slot!
Answered: This project doesn't use any authentication. If you can't delete or edit the appointment from the modal dialog there is most likely a server side error (when calling the backend endpoint). You should...
Navigator vs. Calendar week shown in week-view
Answered: Mike, Thanks for the update! After checking the implementation it turned out that the Calendar used hardcoded Monday as the first day of week instead of reading the locale. It should be fixed now in ...
Deploy in nginx or apache 13278
Answered: The application consists of two parts: 1. The frontend part that is built using Angular will be compiled to a set of static files during build. You can deploy it to any web server that will serve 2. ...
Navigator past months / block future dates
Answered: Yes, this is possible. You can hook the onTimeRangeSelect event handler and forbid navigating to the selected dates. Please see the following tutorial: https://code.daypilot.org/88013/javascript-cale...
How to keep original dates when moving events
Answered: You can call args.preventDefault() in onEventMove (not onEventMoved) to cancel the moving action: https://api.daypilot.org/daypilot-scheduler-oneventmove/ It's also possible to use the built-in overl...
Load multiple events in a resource without changing the resource width
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...
'DayPilot' is not defined
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 ...
Uncaught (in promise) TypeError: Cannot read property 'id' of undefined
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/
How to load events only from a specific userID
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=...
Insert not working
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.
Remove Delayed Bubble Display
Hi, Question 1. I applied the bubble display on event hover. But the problem is the bubble displays after some time display. Can we make it instantly as soon as mouse hover over the event? Question 2...
Logical overnight scheduling
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...
Modal does not load / trigger jquery or javascript
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...
unselect a selected event on event click
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...
when click on even
when click on event how do I load event detail in pop up, now empty pop up shows up.
Group resources
Answered: Unfortunately, this kind of arrangement is not supported at the moment. The parent resource will always be displayed as a separate row.
position selected event on the center of view port when zoom in/out
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...
how to add Switching Day/Week View
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";
d...
Remove checkboxes
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...
Keyboard Control for DayPilot/W3C Accessibility Standards
Are there any current plans for making the daypilot calendar interface keyboard accessible to W3C standards?
How to disable rowheadercolumn resizing?
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 resizi...
How can I fix the position of the event when event overlaps?
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...
Multi-year 52 week planner
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.d...
How to make a deep-copy of a draggable event onto the scheduler
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...
Zoom in/out feature
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
Is it possible to dragdrop an external element ON TO a target existing event and then do post processing?
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
Questions 1-30 of 879
Next