1 Reply Latest reply on Apr 22, 2010 10:16 AM by ilya_shaikovsky

set a tab to the right corner

nimo22 Apr 22, 2010 9:46 AM

I have 4 tabs in a rich:tabPanel and I want to position the the last tab (tab4) to the right side and the others should still at the position defined by headerAlignment:

<rich:tabPanel .. headerAlignment="center">

<rich:tab id="tab1">

</rich:tab>

<rich:tab id="tab2">

</rich:tab>

<rich:tab id="tab3">

</rich:tab>

<rich:tab id="tab4" style="float:right;">

</rich:tab>

</rich:tabPanel>

unfortunately the style "float:right" does not work!

using this:

<rich:tab id="tab4" style="margin-left:200px;">

</rich:tab>

tab4 moves to the right, but the other tabs are also moved.

I used firebug to discover which style is responisble for that, but I cannot find any.

So how can I set the position of the last tab to the right side?

1. Re: set a tab to the right corner

ilya_shaikovsky Apr 22, 2010 10:16 AM (in response to nimo22)

It's not possible for now. Some workarounds like usage of two tab panels without content with different tabs positionsin in one line and content tabPanel without tabs for content possible. But not sure maybe this would cause some code overhead for you and some custom solution would be more easier than such workarounds. That's up to you.

Thanks for interesting thought I will add to the 4.x components review page.
Actions