Style documentation

2 posts, 0 answers
  1. Simon
    Simon avatar
    163 posts
    Member since:
    Sep 2010

    Posted 17 May 2012 Link to this post


    I just took a look at your menu example and for some reason, the menu thiner by about 50% in your example.

    I'm a javascript / kendoui newbie and I can't understand how to change the style for my menu.  I guess it's in a css file that isn't displayed in the demo source code but I might be wrong.

    Is there any documentation about the CSS file and how I can change the height of the menu?

    Best regards,

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 18 May 2012 Link to this post

    Hi Simon,

    Generally speaking, changing height 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 this snippet can be used for changing height of your menu:

    .k-menu .k-item
      height: 50px;

    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