This is a migrated thread and some comments may be shown as answers.

Tooltip callout not positioned correctly in Bootstrap theme

2 Answers 161 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Martin
Top achievements
Rank 1
Martin asked on 07 May 2014, 03:42 PM
We are using the Kendo bootstrap theme.  When a Kendo Tooltip is displayed on the right or left, the callout triangle does not appear centered next to the tooltip.  It appears lower than it should, and looks particularly bad when the tooltip contains only a single line of text.  Please see the following for an example:  http://trykendoui.telerik.com/@CodinAndHaulin/AYAs
You'll notice that if you change the Kendo theme in the example (to default or moonlight, etc), the tooltip callouts look proper.
Is there a way I could style the tooltip in Bootstrap theme correctly?

2 Answers, 1 is accepted

Sort by
0
Martin
Top achievements
Rank 1
answered on 07 May 2014, 09:41 PM
I coded a work around by using the show event of the tooltip.  In show(), the height of the tooltip is attained, and the top of the callout image is set accordingly.  I changed my example to reflect this:

http://trykendoui.telerik.com/@CodinAndHaulin/AYAs/3

Of course, on a slow machine, I can see a little "jump" as the callout is repositioned.
0
Iliana Dyankova
Telerik team
answered on 09 May 2014, 01:37 PM
Hello Martin,

Thank you for pointed our attention to this issue - I forwarded it to the developers for further investigation and we will do our best to address it as soon as possible. Please excuse us for the inconvenience caused.

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
ToolTip
Asked by
Martin
Top achievements
Rank 1
Answers by
Martin
Top achievements
Rank 1
Iliana Dyankova
Telerik team
Share this question
or