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
kathirkathir 

Menus In VisualForce Sites

Hi ,

 

         I want to display menus say for eg (Home , Details , Contact us)

But while creating VF by manual shown in Workbook . I created for one Tab say Details

but my scenario is that  i want to show all tabs in my single VisualForce Page site . 

That is as if we create tabs in Salesforce.com . must appear like same . but i failed to do that 

 

any help plz thanks in advance

Pradeep_NavatarPradeep_Navatar

You need to create apex tab panel to achieve this functionality. Please see the code below, I have created three tabs 'Home', 'Details' and 'Contact Us' :

 

<!-- Page: -->
<apex:page id="thePage">
<apex:tabPanel switchType="client" selectedTab="name2" id="theTabPanel">
<apex:tab label="Home" name="home" id="tabOne">content for home</apex:tab>
<apex:tab label="Details" name="details" id="tabTwo">content for Details</apex:tab>

<apex:tab label="Contact Us" name="contct us" id="tabThree">content for Contact us</apex:tab>
</apex:tabPanel>
</apex:page>

 

To understand more, please go through the following code :

 

<apex:page standardController="Account" showHeader="true"
tabStyle="account" >
<apex:tabPanel switchType="client"
selectedTab="tabdetails"
id="AccountTabPanel">
<apex:tab label="Details" name="AccDetails"
id="tabdetails">
<apex:detail relatedList="false" title="true"/>
</apex:tab>
<apex:tab label="Contacts" name="Contacts"
id="tabContact">
<apex:relatedList subject="{!account}"
list="contacts" />
</apex:tab>
<apex:tab label="Opportunities" name="Opportunities"
id="tabOpp">
<apex:relatedList subject="{!account}"
list="opportunities" />
</apex:tab>
<apex:tab label="Open Activities" name="OpenActivities"

id="tabOpenAct">
<apex:relatedList subject="{!account}"
list="OpenActivities" />
</apex:tab>
<apex:tab label="Notes and Attachments"
name="NotesAndAttachments"
id="tabNoteAtt">
<apex:relatedList subject="{!account}"
list="NotesAndAttachments" />
</apex:tab>
</apex:tabPanel>
</apex:page>

 

Did this answer your question? if so, please mark it solved.