Minimized behavior

2 posts, 0 answers
  1. Adam Nelson
    Adam Nelson avatar
    48 posts
    Member since:
    Mar 2008

    Posted 21 Aug 2012 Link to this post

    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??
  2. Adam Nelson
    Adam Nelson avatar
    48 posts
    Member since:
    Mar 2008

    Posted 21 Aug 2012 Link to this post

    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;
    }
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top