function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion

How to Use apex:tabpanel with Visualforce pages as Sub-Tabs


Am facing Trouble while Placing    <apex:include pageName="VFpage1" />    in 3 or more Tabs of TabPanel in my Page.

Below is my code :

<apex:page sidebar="false" showheader="true" title="Test Page">
<apex:tabPanel switchType="client" id="theTabPanel" >
  <apex:tab label="Label 1" name="oneTab" id="tab1" >
    <apex:include pageName="VfPage1" />   
  <apex:tab label="Label 2" name="twoTab" id="tab2" >
    <apex:include pageName="VfPage2" />   
  <apex:tab label="Label 3" name="threeTab" id="tab3" >
    <apex:include pageName="VfPage3" />   

My Problem is the UI, In the 1st Tab "Label 1" itself am Able to see all the 3 pages VfPage1, VfPage2 & VfPage3 within in the Label1 tab itself and

When I click the 2nd Tab the included page appears like  Float: right; at right corner and the Tabpanel is moved to another i.e Left corner in Center .. But the 3rd Tab is Perfect.


How to settle this UI issues intially i tried all the StyleClasses, CSS .... Am missing somewhere. Please find me a Solution.