I am using richfaces version 4.2.1.
I have a tabpanel within a rich:panel of specific width. The tabpanel has multiple tabs. Looks like tabpanel gets cut off at that panel width. I don't get scroll bar if the tabs are overflowing.
If the content within a tab is overflowing I could get a scroll bar but not when there are tabs that go beyond the panel width. I have tried multiple combinations of styles. Here is the sample code.
Please help.
<style>
.bodystyle{
height:100px;
overflow:auto;
}
<rich:panel style="width: 200px" bodyClass="bodystyle">
<f:facet name="header">
My scrolling Panel
</f:facet>
<rich:tabPanel>
<rich:tab name="1">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
<rich:tab name="2">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
<rich:tab name="3">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
<rich:tab name="4">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
<rich:tab name="5">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
<rich:tab name="6">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
<rich:tab name="7">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
<rich:tab name="8">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
<rich:tab name="9">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
<rich:tab name="10">
<f:facet name="header"> My tab</f:facet>
</rich:tab>
</rich:tabPanel>
</rich:panel>