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
PzyrenPzyren 

Is it possible to add different VF pages in different tabs

I would like to know if it is possible to have different visualforce pages in different tabs. Is it possible to do what I am trying to do? I know it can be done with component by referencing the component like

 

<c:componentName />

 Can it be odne with VF pages?

 

<form>
<div>
<apex:pageBlock >
			<apex:pageBlockButtons >
				<apex:commandButton value="Save" id="save" />
				<apex:commandButton value="Cancel" id="Cancel" />
			</apex:pageBlockButtons>
			<apex:tabPanel selectedTab="t1" id="panel" switchType="client" 
				tabClass="activeTab" inactiveTabClass="inactiveTab">
				<apex:tab name="tab1" id="tab1" label="label">
					<div class="tab" > 
					  <!--  This is where call to page will go -->
					</div>
				</apex:tab>
				<apex:tab name="tab2" id="tab2" label="label">
						<div class="cTab" > 
				        	<!--  This is where call to page will go -->
						</div>
				</apex:tab>
				<apex:tab name="tab3" id="tab3" label="label">
					<div class="tab" > 
						<!--  This is where call to page will go -->
					</div>	
				</apex:tab>
			</apex:tabPanel>
		</apex:pageBlock>
 </div>
</apex:form>

 

mcrosbymcrosby

The way that I have accomplished this is by using an embedded iframe.  The VF page I embedded has showHeader="false" to ensure that it is a plain page that is rendered.  So, you could implement it similar to:

...
<apex:tab name="tab3" id="tab3" label="label">
	<div class="tab" > 
		<iframe src="/apex/YourVisualforcePage?params" ...></iframe>
	</div>	
</apex:tab>
...