Telerik Kendo Menu and Styling

This is more of a note to myself than anything else.  I am trying to create a new MVC project using our Telerik subscription.  I wanted to try their menu, but noticed it wasn’t styled properly.  Nothing like in their demo, it was huge.

I did some searching on the Internet to no avail, so I fired up Opera’s web tools and started tooling around.  I noticed my menu was using a non-Telerik style, but one of the default ones found in Site.css.  Specifically it was using ul #menu.

I had to laugh at myself.  Telerik’s menu renders as a UL, like most menus these days.  Silly me used the name menu.  That is why that style was being applied.  I changed the name to masterMenu and it looked as advertised.

About SheldonS

Web developer for over 15 years mainly with Microsoft technologies from classic ASP to .NET 4. Husband, father, and aspiring amateur photographer.

Posted on August 3, 2015, in CSS and tagged . Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: