Vertical Expandable Navigation Menu using RADMenu--CSS

[kdyeqb]

Hi.

I am using RadMenuItem for Vertical Navigation bar. But I am unable to place the child menus just below the parent one. All the parent menus should drift down keeping the child menu with the parent one. Right now , it is displaying over the next parent menu which I do not want.

Also, please help me out with CSS part as the CSS which I am applying is not working. Let say, we need to change the back color, size(height and width) of both parent and child menu item.

Also, is there any way out in telerik control that text and image of menu item should be displayed only on click of some button. By Default , it should display only image.

 

Please find attached the menu required.

 

Thanks

[Veselin Tsvetanov]

Hi Ankit,

Attached you will find a sample web page with a simple implementation of the CSS rules that you could use to override the default color and dimensions of RadMenu items:

html .RadMenu .rmRootGroup.rmVertical .rmItem {
    background-color: yellow;
    height: 100px;
    border: 1px solid red;
}

You will also find an implemented jQuery functionality to hide and show on button click the text of the menu items by using item templates.

Concerning the complete implementation, needed for your scenario, as it is a custom one you could address the Advance Services Team to further assist you.

Regards,
Veselin Tsvetanov
Telerik