customize tooltip

3 posts, 0 answers
  1. Daniel
    Daniel avatar
    192 posts
    Member since:
    Mar 2012

    Posted 30 May 2013 Link to this post

    i was looking here
    after some posibilities to customize the tootip,but i did not find.
    i would like to setup the dimensions of the container where is the text,also the color,and maybe the position or even the form of that poiting arrow.i noticed that by default is a gray color,and a perfect triangle as an arrow.

    How can i customize the style for the tooltip?

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 31 May 2013 Link to this post

    Hi Daniel,

    You could customize the Tooltip's style via the configuration options. Like here:

      //set Tooltip's width
      //set Tooltip's height
      //set Tooltip's position
    Actually the arrow is a right border set to the .k-callout-w element and I am afraid it is not possible to change its form. As for its background you should override the default styling. As an example: 
        border-right-color: red;

    Also, the following CSS should help to change the arrow's position: 
        top: 0 !important; //specify the arrow's position

    I hope this information helps. 

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Daniel
    Daniel avatar
    192 posts
    Member since:
    Mar 2012

    Posted 03 Jun 2013 Link to this post

    ok,thank you for the informations.
Back to Top