Last RibbonBarTab placed at the most right

5 posts, 1 answers
  1. FvLent
    FvLent avatar
    19 posts
    Member since:
    Apr 2009

    Posted 14 Jun 2012 Link to this post

    Is het possible, and if it is, then how, to place the last ribbonBarTab at the most right of the screen. E.g. the last tab could be including the "Help" features, and that is usually at the most right of the ribbon.
    In that way we get a closer resemblence with the usual windows applications.
    Regards,
    Frank
  2. Answer
    Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 18 Jun 2012 Link to this post

    Hello, Frank.

    It's quite easy to float a tab to the right: all you need you need to do is to give it a class name and associate proper styles with the class name e.g.:

    /** Styles */
    html .RadRibbonBar .customClassName {
        float: right;
    }

    <!-- Markup -->
    <telerik:RibbonBarTab Text="Help" CssClass="customClassName">

    That's more or less it.

    One thing you should have in mind: if you have enabled minizing of the ribbon, it is possible that the tab will cover the minimize / maximize handle. Should that happen, just add some right margin to the Help tab and things should be OK.

    Also, we are considering implementing the help button as part of the ribbon, but we haven't had any requests yet so it low priority and we haven't implemented it. You could file a new entry in our PITS so people can vote on it. If enough people think it's important, we'll implement it sooner.

    Regards,
    Ivan Zhekov
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. FvLent
    FvLent avatar
    19 posts
    Member since:
    Apr 2009

    Posted 18 Jun 2012 Link to this post

    Thank you!
  5. FvLent
    FvLent avatar
    19 posts
    Member since:
    Apr 2009

    Posted 18 Jun 2012 Link to this post

    Following up on this issue,
    now that the tab is aligned right, how can I align the RibbonBarGroups from right to left?
    In other words, I want to have the empty space that is left over, to be on the left side, and not on the right side of the ribbon, and I want the buttons to appear at the most right side, placed under the tab-caption which is aligned right.
    I already assigned the appropriate RibbonBarGroup the same floating property, but that only switches the order of the groups in the tab, now from right to left. But it still places them on the left side of the ribbon.
    I hope you understand the demand.
    Regards,
    Frank
  6. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 20 Jun 2012 Link to this post

    Hello, Frank.

    As per design and specification that is not supported. yet it could be achieved fairly easily:

    html .RadRibbonBar .rrbButtonAreaIn {
        float: right;
    }

    What this snippet will do is to shift ALL groups to the right. If you can isolate a single group and add some class name to it, you can basically apply those styles for it alone.

    Few things to be aware of:
    -- floating a group on the right might cover the resize handle;
    -- if that happens you will not be able to resize the ribbon while in that particular tab;
    -- you could add some extra margin on the right of that group, but then the resizing algorithm will not work as properly and might produce nasty quirks.

    If you are going to have a fixed width ribbon with no resizing, that won't be a problem.

    All the best,
    Ivan Zhekov
    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
UI for ASP.NET Ajax is Ready for VS 2017