Questions Tagged how-to
Create and Assign event-specific contextMenus
Answered: The docs is now updated with an example that shows how to assign an event-specific menu using onBeforeEventRender: https://doc.daypilot.org/scheduler/event-context-menu/ Please let me know if there i...
Show total hours in Timesheet
Answered: You might be able to display it in the upper-left corner (that's the only free space): https://doc.daypilot.org/scheduler/upper-left-corner/
How to add button in daypilot scheduler
Answered: Please see the following tutorial - it shows how to add a button to the row header using active areas: https://code.daypilot.org/79997/angular-scheduler-row-header-actions
Multiple Schedulers Scroll Lock
Answered: Yes, but you need to do it on the client side:
// scrollbar synchronization
$(document).ready(function() {
$(dp.nav.scroll).scroll(function() {
dp2.nav.scroll.scrollL...
Using id from event in modal dialog
Answered: You should be able to pass the event id to the modal dialog like this: <DayPilot:DayPilotScheduler ID="DayPilotScheduler1" runat="server" EventClickHandling="JavaScript" EventClickJavaScript="eventCl...
Preventing move after answering cancel in the modal dialog
Answered: My colleague found a way:
if (data.masterbook > 0) {
args.async = true;
// Moving booking series should be handled differently
const { Modal } =...
Using cellDuration with business hours
Answered: The cells defined using cellDuration (or other scale types as well) will always start at 00:00 and the start won't be affected by the businessBeginsHour property. In fact, businessBeginsHour works be...
DayPilotScheduler and BeforeEventRender
Answered: This is correct, just make sure that BeforeEventRenderEventArgs is imported from the correct namespace (DayPilot.Web.Ui.Events.Scheduler). You can also specify it explicitly:
protected void DayPilo...
Scheduler Event - Before the current date
Answered: Yes, you can mark the cells in the past as disabled: https://doc.daypilot.org/scheduler/disabled-cells/
Day specific start and end time
Answered: The visibility of cells can't be specific to columns. However, there are two options (depending on the required logic): 1. You can mark specific cells as disabled which will make then unavailable for...
Regarding the "Demo" text
Answered: Yes, this is a trial version. The trial period is 60 days. If you want to use it after the trial period you need to purchase a license: https://javascript.daypilot.org/buy/
How can I make item not draggable
Answered: Never mind, solved it with the following:
for (let i = 0; i < this.bookings.length; i++) {
const drag = document.getElementById(`clipboardBooking${i}`);
if (drag) ...
Linked events assigned on one resource overlapping
Answered: Hi Vane, Unfortunately there is no built-in way to do this using a simple switch. There are couple of options that may help, depending on your scenario: 1. You can define custom sort order for overla...
Drag en drop Events wittout overlap in an different Timeline
Answered: To display the customized timeline it's necessary to call loadTimeline() before init(). In the attached project, you can find this call on line 154 (index.php). If the model used in the tutorial does...
How to display event's text while moving the event?
Answered: You can set the inner HTML of the target position indicator using onEventMoving event handler - just set args.html as needed: https://api.daypilot.org/daypilot-scheduler-oneventmoving/
Hide bubble on outside click of calendar (Angular 6)
I'm showing bubble on click of event and I set hideAfter property to '0'. It works pretty well, but the bubble popover do not hide if I click outside of daypilot calendar. Any help is appreciated.
Week Calendar. How to have events of arbitrary length
Answered: In the Lite (open-source) version this is not supported but in the Pro version you can set the behavior using useEventBoxes property. Please see more here: https://doc.daypilot.org/calendar/exact-eve...
EventClickHandling with JavaScript
Answered: I solved the Problem. The script was saved in the cache, so I just had to delete it. Now it works fine.
Can anybody explain me how to show bubble in daypilot calendar Angular 6+
Answered: Please see the answer here: https://forums.daypilot.org/question/4729/add-popover-on-click-of-event-on-schedule-calendar-js-angul
data changed - force rerender of event
Answered: The events.update() method is the right tool. It only reloads the event in the UI. It doesn't send anything to the server. In the server-based versions (ASP.NET MVC, ASP.NET WebForms, Java), it's pos...
change tag
Answered: You can find the event using events.find() method: https://api.daypilot.org/daypilot-scheduler-events-find/ The original data object is accessible as e.data, so the tags can be accessed as e.data.tag...
Event Links show bubbleHTML on hoverOver on arrow part
Answered: Unfortunately, the bubble for event links is not implemented at the moment.
Limit Event Moving calendar event
Answered: You can mark the cells in the past as "disabled" which will prevent drag and drop operations: https://doc.daypilot.org/calendar/disabled-cells/ See also the following tutorial (JavaScript): https://c...
Submitting a Form with event data
Answered: Normally, you only use forms when editing details of a single event using a modal dialog or in a standalone page. When working with the Scheduler, every change is usually submitted immediately using ...
How to show popover on click of event in daypilot calendar
Answered: DayPilot includes a built-in callout named "bubble". See more here: https://doc.daypilot.org/calendar/event-bubble/ You can map it to event click action by setting eventClickHandling config property ...
Event double click
Answered: For the double click you should use:
eventDoubleClickHandling: "Enabled",
onEventDoubleClick: function(args) {
// open modal here, event details are in args.e
}
The context menu item should ...
Null Exception on DataItem when setting StartDate
Answered: Hi Scott, The e.DataItem property is only initialized if you call DataBind(). Calling DataBind() is not necessary during callbacks/postbacks because the events are reloaded from the ViewState. Howeve...
Event moving customization when multi-moving
Answered: Unfortunately, customization of the additional events that are moved during multi-moving is not possible at the moment. It's in the queue but I'm not able to provide the availability date now.
PDF Export Tutorial missing definition of SetDataSourceAndBind and SetExportProperties
Answered: The tutorial text is now updated to include these methods as well: https://code.daypilot.org/69614/scheduler-pdf-export-asp-net-c-vb-sql-server You can also find it in the downloadable project - that...
Dynamic Right click menu content
Answered: There are two options: 1. You can set the context menu using "contextMenu" property in onBeforeEventRender:
var menu1 = new DayPilot.Menu({ ... });
var menu2 = new DayPilot.Menu({ ... });
// .....