4 Replies Latest reply on Nov 10, 2008 8:37 AM by soso_xuc

rich tab problem

soso_xuc Oct 29, 2008 3:55 AM

Hi all

i have problem with rich tab
using richfaces 3.2.2.GA+Tomcat

page contains two panels and tabpanel inside one of panels.
the tab's right border in the tabpanel is rendered outeside of the borders of tabpanel. how to adjust this visual problem ?

<table width="100%" height="100%">
<tr><td width="200px"><rich:panel header="newitem" style="height:100%"></rich:panel>
</td><td><rich:panel header="panel1" style="height:100%">
<rich:tabPanel><rich:tab ><f:facet name="label"><h:commandLink value="panel2"></h:commandLink></f:facet></rich:tab><rich:tab label="panel3"></rich:tab></rich:tabPanel></rich:panel>
</td>
</tr>
</table>

Thanks in advance

1. Re: rich tab problem

nbelaevski Oct 30, 2008 6:10 PM (in response to soso_xuc)

Hi,

This helped me:

<table width="100%" height="100%">
<tr><td width="200px"><rich:panel header="newitem" style="height:100%"></rich:panel>
</td><td><rich:panel header="panel1" style="height:100%">
<div style="width: 100%">

<rich:tabPanel><rich:tab ><f:facet name="label"><h:commandLink value="panel2"></h:commandLink></f:facet></rich:tab>
<rich:tab label="panel3"></rich:tab></rich:tabPanel>

</div>

</rich:panel>
</td>
</tr>
</table>

or try that:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2. Re: rich tab problem

nbelaevski Oct 30, 2008 6:12 PM (in response to soso_xuc)
Please take a look at this article:
http://msdn.microsoft.com/en-us/library/bb250481.aspx
Actions

3. Re: rich tab problem

soso_xuc Nov 10, 2008 6:21 AM (in response to soso_xuc)

Thanks nick for the answer.
your post helped me, but there is a little problem.

i cant adjust the height of the tabs. in IE7 it is very little (minimal height)
and in firefox it outcomes tabpanels borders.

is there any solution ?

Thanks in advance

<style>
 .gainlayout { min-height: 0; }//they say it is IE7's hack
</style>
----------
<table style="height: 100%;width:100%">
 <tr>
 <td width="200px"><rich:panel header="new item"
 style="height:100%">
 </rich:panel></td>
 <td><rich:panel header="lists"
 style="height:100%;" >

 <div style="height:100%;width:100%;" class="gainlayout">
 <rich:tabPanel height="100%" >
 <rich:tab >
 <f:facet name="label">
 <h:commandLink value="list1"></h:commandLink>
 </f:facet>
 </rich:tab >
 <rich:tab label="list2" ></rich:tab>
 </rich:tabPanel></div>
 </rich:panel></td>
 </tr>
 </table>

4. Re: rich tab problem

soso_xuc Nov 10, 2008 8:37 AM (in response to soso_xuc)
One more thing

when trying
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

i cant set the height of components to 100%
Actions

Go to original post