RibbonBarMenu Dropdown Height

2 posts, 0 answers
  1. Richard
    Richard avatar
    28 posts
    Member since:
    Jun 2010

    Posted 02 Apr 2013 Link to this post


    I have a RibbonBar menu that I am dynamically populating with a list of items.  Over time, this list has grown and now the list is going beyond the height of the browser, causing some items to be hidden and/or not easily accessible.  Is there a way I can correct this, maybe with a scroll or multiple columns, or something else? 

  2. Kate
    Kate avatar
    1898 posts

    Posted 05 Apr 2013 Link to this post

    Hi Richard,

    One possible approach that you can apply is to set a maximum height of the dropdown in the menu and set scroll bar whenever its height exceeds the predefined one. To achieve this you can use the following styles:
    div.RadMenu ul.rmVertical,
          div.RadMenu ul.rmHorizontal,
          div.RadMenu ul.rmRootScrollGroup,
          div.RadMenu_Context ul.rmHorizontal {
              max-height: 300px;
          .rmActive.rmVertical.rmGroup.rmLevel1 {
              overflow-x: hidden;
              overflow-y: auto;

    Kind regards,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Telerik UI for ASP.NET Core is out
Back to Top