area bubble

Asked by Vincent
2 years ago.

I am having a bit of a hard time getting event area bubbles to work on mouse over. Not sure what I am doing wrong. code is effectively as follows. Is there something I am missing?

var myAreaBubble = new DayPilot.Bubble({
 onLoad: function(args) {
  args.html = "this is my area bubble";
 }
});


...


dp.events.list.push({
  id: "myevent",
  areas: [
   {
    id: "myarea",
    action: "Bubble",
    bubble: myAreaBubble
   }
  ]
});

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

This is fine. I assume that you have defined the area position and dimensions (left, right, etc.).

I have tested your code in the Scheduler and the only problem is that if you also have an event bubble defined, this event bubble will replace the area bubble after a short delay (the event bubble appears after 500ms by default; the area bubble appears immediately).

Comment posted by Vincent
2 years ago.

Is putting the bubble in the area the only way to get around that or is there a way to prevent the default event bubble when the area bubble is being loaded?

Comment posted by Dan Letecky [DayPilot]
2 years ago.

This behavior is not intended - it will be fixed in the next release: if you activate the area bubble the main bubble won’t appear.

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