RadRibbonBar Horizontal Overflow

[RobbMurdock]

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

[Richard]

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!

[RobbMurdock]

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

[Kate]

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