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

Incorrect position of bubble on event mouse hover in scheduler

Asked by Anonymous
4 years ago.


I'm using daypilot scheduler and have a problem with the position of the event mouse hover bubble. It's positioning way over the top of the event instead of displaying it right at the top of the event (as in the examples of daypilot).
Seem like the javascript does not to calculate the margin given to parents. When removing or replacing margin with padding it works correctly.
Is this a bug?

I'm using the 8.4.3058 version of daypilot javascript.

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

How can I reproduce the problem - can you please post a snippet?

Comment posted by Anonymous
4 years ago.

It's simple to reproduce. You need 2 div's. One is needed for Daypilot scheduler (where it's build the calender) and the other is used as parent (the scheduler container is insert in there).
If you give the parent div (with the scheduler div inserted) a margin-top, the tooltip for events will be displayed in the wrong position.

Here example:
... load jquery, daypilot js files ...
<div style='margin-top:30'>
<div id='dp'></div>
<script type='text/javascript'>
var dp = new DayPilot.Scheduler("dp",options);

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


It should be fixed now in the latest sandbox build (8.4.3072):

Let me know if there is any problem.

Comment posted by Anonymous
4 years ago.

Nice it's working now with the event header bubble.

But sadly i have found another problem with the resource row header bubble (implemented it today). I get the same problem as the first one where the bubble is positioned incorrectly.
Can you use the same fix here too?

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

The resource bubble issue should be fixed now as well (since build 8.4.3073).

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