RadRibbonBar Horizontal Overflow

4 posts, 0 answers
  1. RobbMurdock
    RobbMurdock avatar
    20 posts
    Member since:
    Oct 2006

    Posted 04 Jan 2012 Link to this post

    Greetings:

    I am currently evaluating the RadRibbonBar.  If I add one too many tabs, the rightmost tab disappears.  If I reduce the browser size too far, more tabs are not visible. 

    Simulating this same behavior in Microsoft Office 2010, a small scroll arrow appears on the right side of the bar to allow the user to scroll to the right to see the overflowed tabs.

    QUESTION:
    How do I enable the viewing of excess tabs in the RadRibbonBar?

    Please advise.

    Thanks,

    Robb
  2. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 09 Jan 2012 Link to this post

    Robb:

    If you have an excessive number of tabs in your RadRibbonBar Tab Collection, you can use CSS to set the overflow to visible as follows:

    Default:
    <style type="text/css">
        div.RadRibbonBar .rrbTabs
        {
            overflow: visible;
        }
    </style>

    In my test, I open a RadRibbonBar that has 3 tabs and add 14 new tabs, server-side on the Page_Load event. Adding the CSS allows me to show all tabs in two rows.

    See the attached "radribbonbar_excesstabs.png" image for the resulting display.

    Hope this helps!
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. RobbMurdock
    RobbMurdock avatar
    20 posts
    Member since:
    Oct 2006

    Posted 09 Jan 2012 Link to this post

    Greetings:

    I apologize; but I mistakenly asked the wrong question.  What I meant to ask is what if I have too many RibbonBarGroups.

    I have only two tabs, but one of the tabs has many RibbonBarGroups.  How do I create the ability to scroll to the right to see the excess RibbonBarGroup items?

    Any ideas would be greatly appreciated in order to complete my evaluation.

    Thanks,

    Robb
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 10 Jan 2012 Link to this post

    Hi Robb,

    Currently the RadRibbonBar control does not support the scrolling functionality of the groups that you require. However, I already forwarder your suggestion to our development team so they could consider it if it could be implemented in some of the upcoming release of the controls.  

    All the best,
    Kate
    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
Back to Top