Active Questions
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 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/
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) ...
Add a new panel to be able to drop events to
Answered: Yes, it's been in the queue for some time already. Before it's implemented, the following approach might work: Instead of dragging the whole event, you can insert a custom element into the event that...
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...
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
DayPilot.Modal.alert Theme is not working
Answered: Have you tried the attached project? It seems to work fine. You may want to check that the CSS import works correctly and that you are using the latest DayPilot.Modal version from https://code.daypil...
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.
Add popover on click of event on schedule calendar (JS / Angular 2+)
Answered: Please see the following tutorial that explains how to display a bubble with custom content (defined as static HTML, dynamic HTML loaded from the server, and as an Angular component): https://code.da...
How to export excel from Scheduler
Answered: Unfortunately, export to Excel is not supported at the moment.
Event Links show bubbleHTML on hoverOver on arrow part
Answered: Unfortunately, the bubble for event links is not implemented at the moment.
Database Connection
Answered: I recommend exploring the downloadable project, it's a complete implementation of the sample application, including database connection.
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...
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 ...
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 ...
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.
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...
Drag&Drop with scrolling not working on tablet in scheduler
On a tablet (both iPad & android), when you drag an event to the bottom or top of the scheduler, the scheduler does not scroll up or down. This is working as expected on desktop but not on mobile. Th...
Show some text in the dates where event is not listed
Answered: Since version 2019.3.3907 you can use this:
dp.onBeforeCellRender = function(args) {
if (args.cell.events().length === 0) {
args.cell.html = "No event here";
}
};