This is a migrated thread and some comments may be shown as answers.
Style documentation
1 Answer 150 Views
This is a migrated thread and some comments may be shown as answers.
Simon
Top achievements
Rank 1
Simon asked on 17 May 2012, 07:09 PM
Hello,

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,

Simon

1 Answer, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 18 May 2012, 06:33 PM
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.
 
Regards,
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!
Tags
Menu
Asked by
Simon
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or