search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Add popover on click of event on schedule calendar (JS / Angular 2+)

Asked by Victor
5 years ago.

I need to be able to view popover on click of event in daypilot calendar, please see screenshot attached. This will be really helpful for editing events on calendar

feature javascript angular6
Answer posted by Dan Letecky [DayPilot]
5 years ago.

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.daypilot.org/99704/angular-scheduler-dynamic-tooltip

By default, it is displayed on event hover. If you want to display it on click, you need to set eventClickHandling to "Bubble" as mentioned here:

https://forums.daypilot.org/question/4713/how-to-show-popover-on-click-of-event-in-daypilot-calendar

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.
Tools
E-mail notifications
Feed
Related Questions
how to export calendar into excel?
Enable AutoScroll in Calendar.
HTML5 Event Calendar Component Support Persian calendar
How to preserve calendar data on page?
How to display bottom scroll bar in daypilot calendar
Height for day and week calendar.
DayPilot Month External Drag & Drop
Event Calendar
How to display 12 AM on week view calendar?
Display google calendar data in DayPilot
Read a Shared Calendar Appointments
Update Calendar with Javascript
Calendar in repeater
Disable eventoverlap on on client side in calendar?
Loading calendar of other user

Products

Learn

Get Support

DayPilot Pro

Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.