Minimized behavior

[Adam Nelson]

Is it possible to make it so that when the RibbonBar is in the minimized mode and tabs are accessed that the menu content is shown above other content on the page to avoid everything getting pushed down??

[Adam Nelson]

I got it working with some custom javascript and css.

Tested in Chrome 21.0

Javascript:

$(".rrbToggleHandle").on("click.minimize", function () {
    var minimized = $find("uxRadRibbonBar").get_minimized();
    if (!minimized) {
        $(".RadRibbonBar").addClass("flyout");
    }
    else {
        $(".RadRibbonBar").removeClass("flyout");
    }
});

CSS:

.RadRibbonBar.flyout
{
    height:27px;
}
.flyout .rrbButtonArea
{
    width:100%;
    border:1px solid #8DB2E3;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    padding:0px 1px;
    left:-1px;
    top:-1px;
}