0 Replies Latest reply on Nov 2, 2012 11:02 AM by kalgan

    Scroll bar for the tabpanel

    kalgan Newbie

      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>