Tooltip callout not positioned correctly in Bootstrap theme

3 posts, 0 answers
  1. Martin
    Martin avatar
    2 posts
    Member since:
    Dec 2013

    Posted 07 May 2014 Link to this post

    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:
    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. Martin
    Martin avatar
    2 posts
    Member since:
    Dec 2013

    Posted 07 May 2014 in reply to Martin Link to this post

    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:

    Of course, on a slow machine, I can see a little "jump" as the callout is repositioned.
  3. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 09 May 2014 Link to this post

    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.

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top