RibbonBarMenu Dropdown Height

[Richard]

Hi,

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? 

Thanks!
Richard

[Kate]

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,
Kate
the Telerik team