Show html bubble on event click in Scheduler

Asked by Hoang Phung
10 years ago.

Can you please show me how to display some html code upon user clicking on an event? This is all happening on client side without server participation. I have looked at this question: http://forums.daypilot.org/Topic.aspx/1897/daypilot-month-show-bubble-when-click but it is a bit different from my use case. Thank you.

how-to javascript

Answer posted by Dan Letecky [DayPilot]
10 years ago.

Using DayPilot Pro 7.7.787 and later (see the sandbox at http://javascript.daypilot.org/sandbox/) you can do this:

    dp.onEventClicked = function(args) {
        new DayPilot.Bubble().showHtml("Event details: " + args.e.text(), args.div);
    };

Previous versions don't store the event div in args (args.div). This div is used to calculate the bubble location (it will be desplayed above the event).

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.

Show html bubble on event click in Scheduler

Products

Learn

Get Support

DayPilot Pro