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
AmbilyAmbily 

change the 'TabLabel' position from top to bottom

Hi,

 

According to the below code, I am getting  "Tab1" and "Tab2" on the top of the page.

Is there any way for changing the 'TabLabel' position from top to bottom(like what we could do for pageBlockButtons  - <apex:pageBlockButtons location="bottom" >  )?

 

<apex:page standardController="Account" showHeader="true"
tabStyle="account" >
<style>
.activeTab {background-color: #236FBD; color:white;
background-image:none}
.inactiveTab { background-color: lightgrey; color:black;
background-image:none}
</style>
<apex:tabPanel switchType="client" selectedTab="tabdetails" id="AccountTabPanel" tabClass="activeTab"
inactiveTabClass="inactiveTab" >
<apex:tab label="Tab1" name="Tab1" id="first" >
Test Tab
</apex:tab>
<apex:tab label="Tab 2" name="Tab 2" id="second">
Test Tab
</apex:tab>
</apex:tabPanel>
</apex:page>

 

 

Thanks

Ambily

Cool_DevloperCool_Devloper

I doubt if you can do that directly using the component:(

Maybe, in such a case, you will have to create a custom view!

Cool_D