Menu image position

2 posts, 0 answers
  1. Brian Roth
    Brian Roth avatar
    136 posts
    Member since:
    Oct 2005

    Posted 18 May 2012 Link to this post


    Is there  a way to set the position of an image in relation to the text on a menu item?  It looks like the image defaults to the left of the text.  For my project I would like the image to show above the text.  Is this possible?

    Thanks for your assistance!

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2570 posts

    Posted 19 May 2012 Link to this post

    Hi Brian,

    Generally speaking, such functionality of the menu is not supported out of the box. In order to customize the presentation of any particular widget, you could use a CSS selector with the widget’s specific CSS class - this action will override the default styling. You could get the right selector as inspect the HTML output with Firebug. For example the following code snippet can be used for positioning the image above the text in the Kendo UI Menu:
      position: absolute;

    Also, I believe you might find this topic from our online documentation very useful. 
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top