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

Event bubble missing - Event Calendar javascript

Asked by RajeshBoora
7 years ago.

Hi,
I'm working on the Daypilot event calendar control- v1531.
I'm setting the bubbleHtml in onBeforeEventRender() method but the event bubble is missing.

Please find the fiddle below:
http://jsfiddle.net/5s4bqcof/

Please help in solving this issue.

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

There are three problems with the fiddle:

1. You need to add bubble property to the config:

 bubble: new DayPilot.Bubble(),

2. Don't call .init() if you are using the jQuery plugin. The .init() method is called by the plugin. All subsequent calls are ignored (and changes are not applied). Add all properties and event handlers to the config object:

    var dps = $('#ApptBookContentPartialView').daypilotCalendar({
      // ...
      bubble: new DayPilot.Bubble(),
      onBeforeEventRender: function(args) {
        args.e.bubbleHtml = "Additional information for: " + args.e.text;
        args.e.html = "New Event";
      }
    });

3. heightSpec = "Auto" is invalid for the calendar. See this page for supported values:

http://doc.daypilot.org/calendar/height/

See the updated fiddle here:

http://jsfiddle.net/5s4bqcof/3/

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