Answered: Sorry for the delay! There is a tutorial that shows how to insert an Angular component to the bubble. Angular Scheduler: Dynamic Tooltip It is necessary to instantiate the component and add it to the...
Answered: You can do that using onEventMoving event handler: dp.onEventMoving = args => { args.top.enabled = true; args.top.html = args.start.toString("HH:mm"); }; See also: https://api.daypilot.org/daypilot-c...
Answered: I've solved with the following code: Added a unique class on event inside onBeforeEventRender: args.data.cssClass = args.data.id; Later, inside onEventRightClick I just look for that class and I acti...
Answered: By default, the Scheduler displays event boxes rounded to the grid cell borders. The exact duration is displayed using the duration bar (if enabled). You can change this behavior using useEventBoxes ...
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...
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...
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: 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...
Bubble is a really nice upgraded tooltip since it allows custom html content. I have seen that bubble is tied to event and tooltip is tied to phases. My events have many phases and every phase has di...
Is there a way to get an event width to be representative of its start and end time? As an example scenario, if I had an event that started at 12pm (12:00) and finished at 6pm (18:00), is it possible...
I have Scheduler, Scheduler1 & Scheduler2 both have "cellDuration" property set to 30 mins. but when i drag and drop an event from Scheduler1 to Scheduler2, in scheduler2 it will create an event with...
Answered: In the ASP.NET version the events are loaded from the DataSource property when you call DataBind(). If you set StoreEventsInViewState to true they will be stored temporarily in the ViewState but it i...
Answered: I assume you don't want to use any of the built-in mechanisms (PostBack, CallBack, Notify). You can make your own AJAX call (e.g. using jQuery) from EventResizeJavaScript handler. Note that the JS co...
Answered: If you want to open a modal dialog with event details after event resizing is complete, the best way is to open the modal dialog using AfterRenderJavaScript. This event is fired on the client side du...
Answered: For overriding the event HTML, use the .html property. In order to add a line break, use "<br/>": dp.events.list = [ { start: "2015-12-01", end: "2015-12-05", text: "Event 1", id: 1, resource: "R1", ...
Answered: You can use .scrollTo(date, animation, target) method to scroll to a specific date: http://api.daypilot.org/daypilot-scheduler-scrollto/ You can use .scrollToResource() method to scroll vertically to...
Answered: This is a bug which has been fixed in build 8.0.1746. You can test it and download the latest build in the sandbox: http://javascript.daypilot.org/sandbox/calendar/eventselecting.html
Answered: Please see the documentation on how to use event double click event: http://doc.daypilot.org/calendar/event-double-click/ In the latest realease ( http://javascript.daypilot.org/daypilot-pro-for-java...
Answered: If the calendar is inside a hidden element during startup the scrollbar position can't be set (this is a browser limitation). There is a workaround solution implemented in the latest sandbox build (7...
Hello all, When im testing my Javascript calendar, I am unable to drag, for example across 2 days, and make an event for those 2 days. I am only able to select 1 single day by pressing that day. Is t...
Hello! My name is Roby. I'm using DayPilot Month Lite in my project. I need to trigger a javascript function after I click the OK Button into the event creation alert. My big questions (after reading...
Answered: Nevermind I found my own answer on this board with a bit more searching. For those curious here is the post that helped me. Thanks. http://forums.daypilot.org/Topic.aspx/1907/month-changing-event-bac...
Answered: Ok, I've found a solution. I overwrite the function in the document.ready. Example: $(document).ready(function () { dpCalendar.afterRender = function () { afterRenderCallback(); } });