Creating 50px high menu

[George Fahnbulleh]

I'm new to Telerik controls and I would like to know who to achieve the same (as the attached picture) with radMenu?

Also where are the skins and how do I add them to a project?

[Princy]

Hello,

To achieve the following scenario one suggestion is you can create a new skin.
Tutorial: Creating A Custom Skin

Another suggestion is you can try the following CSS.
CSS:

.rmRootGroup
 {
    height:50px !important;
 }
.rmText
 {
  margin-top: 10px  !important;
 }

Thanks,
Princy.

[Kate]

Hi George,

You can also refer to the following help article that fully explains how to change the height of the RadMenu:
How to change height of RadMenu

All the best,
Kate
the Telerik team

[George Fahnbulleh]

Thanks for the answers Kate and Princy.  How do I add the different skins to my project.  Right now I can only add the default skin.

[David]

1. link not available.  (How to change height of RadMenu)


2. also i binding data source to sitemapbinding, i am not able to follow Tutorial: Creating A Custom Skin option, because not using Radmenu builder option.  is this tutorial works even i binding sitemap datasource? if so is there a example or links?

[Kate]

@George - Please refer to the following post that explains the changes that we have made in the assembly files. In case you have currently upgraded to a later version most probably you will need to add the Telerik.Web.UI.Skins.dll file that holds all of the other skins.

@David - You can find the broken link here. Considering your second question it does not matter what kind of binding you are using and the applied css classes should take effect. Another option would be to use our Visual Style Builder that will help you customize the appearance of the RadMenu control.

Kind regards,
Kate
the Telerik team