function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
developerTeamdeveloperTeam 

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

Hi,

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>
  
  <apex:tab label="Label 2" name="twoTab" id="tab2" >
    <apex:include pageName="VfPage2" />   
  </apex:tab>
  
  <apex:tab label="Label 3" name="threeTab" id="tab3" >
    <apex:include pageName="VfPage3" />   
  </apex:tab>
  
 </apex:tabPanel>
</apex:page>

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.

-Thankyou