Questions Tagged javascript
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
How to collapse all groups by default ?
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-01T...
Angular 7 - change detection triggered way too much
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...
How to call custom function in onTimeRangeSelected
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
}
I...
DayPilot.Scheduler.onEventResizing missing alt/ctrl modifiers
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.
Get calendar for full year
Hi, I would like to ask how can we get full year calendar? I want to add 12 pages in pdf for 12 months of the selected year. Is It possible with this?
Screen Resolutions and exportAs()
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...
Render Angular component into DayPilotMonth event
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...
Split event into multiple event-parts because of business hours
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...
Scheduler: rowheader_scroll not scrolling on touch
Answered: This issue should be fixed now in the latest sandbox build (since 2019.1.3569): https://javascript.daypilot.org/sandbox/
Month Control: print() for exportAs
Answered: The print() method prints the exported image using the browser print() function. There is no way to control how the printed page will look like using the browser API. It can only be set by the user i...
Error parsing date
Answered: Thanks for your reply Dan. I updated the .js files to the latest version and now the issue seems to be resolved. Marco
Completely disable right click event capturing
Answered: You can use allowDefaultContextMenu property to enabled the default context menu: https://api.daypilot.org/daypilot-scheduler-allowdefaultcontextmenu/
Missing something...
Answered: It looks like you might have overwritten the index.html file with one generated using the UI Builder (the generated index.html uses resources array with Resource 1 and Resource 2 defined). If you dow...
Create event from UTC
I'm trying to add a new calendar event from a UTC string coming from my server. How do I create an event from my UTC string? After I add the event it shows the event for 9:00pm when it should show 1:...