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

Last RibbonBarTab placed at the most right

4 Answers 55 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
FvLent
Top achievements
Rank 2
FvLent asked on 14 Jun 2012, 01:23 PM
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

4 Answers, 1 is accepted

Sort by
0
Accepted
Ivan Zhekov
Telerik team
answered on 18 Jun 2012, 08:12 AM
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.
0
FvLent
Top achievements
Rank 2
answered on 18 Jun 2012, 03:08 PM
Thank you!
0
FvLent
Top achievements
Rank 2
answered on 18 Jun 2012, 08:22 PM
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
0
Ivan Zhekov
Telerik team
answered on 20 Jun 2012, 08:04 AM
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.
Tags
RibbonBar
Asked by
FvLent
Top achievements
Rank 2
Answers by
Ivan Zhekov
Telerik team
FvLent
Top achievements
Rank 2
Share this question
or