Last RibbonBarTab placed at the most right

[FvLent]

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

[Ivan Zhekov]

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

[FvLent]

Thank you!

[FvLent]

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

[Ivan Zhekov]

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