Vertical Expandable Navigation Menu using RADMenu--CSS

2 posts, 0 answers
  1. kdyeqb
    kdyeqb avatar
    21 posts
    Member since:
    Feb 2012

    Posted 02 Jun 2016 Link to this post


    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.



  2. Veselin Tsvetanov
    Veselin Tsvetanov avatar
    1179 posts

    Posted 07 Jun 2016 Link to this post

    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.

    Veselin Tsvetanov
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top