This is a migrated thread and some comments may be shown as answers.

Minimized behavior

1 Answer 34 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
Adam Nelson
Top achievements
Rank 2
Adam Nelson asked on 21 Aug 2012, 03:45 PM
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??

1 Answer, 1 is accepted

Sort by
0
Adam Nelson
Top achievements
Rank 2
answered on 21 Aug 2012, 04:24 PM
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;
}
Tags
RibbonBar
Asked by
Adam Nelson
Top achievements
Rank 2
Answers by
Adam Nelson
Top achievements
Rank 2
Share this question
or