Dynamically Set Active Tab in apex:tabPanel

Hi,

I have a situation where I need to dynamically set the default tab in a tab panel. I have a parameter in my controller that I'm trying to use but for some reason the default tab isn't being set. If I hard code the name of the tab it works but once I try to use a visual force parameter the default tab doesn't get set properly. Here's sample code that illustrates the problem:

Code:

public class TabTest {


 public String ActiveTab {get; set;} 
 
 
 public TabTest() {
  this.ActiveTab = 'Tab2'; 
 }


}

Code:

<apex:page controller="TabTest">
 <apex:tabPanel switchType="client" selectedTab="{!ActiveTab}" id="slipTabPanel">
    <apex:tab label="Tab 1" name="tab1" id="tab1">
      Tab1
    </apex:tab>
    <apex:tab label="Tab 2" name="tab2" id="tab2">
      Tab2 
    </apex:tab>
    <apex:tab label="Tab 3" name="tab3" id="tab3">
      Tab3
    </apex:tab>
 </apex:tabPanel>
</apex:page>

If I hard code to selectedTab="tab2" then it works fine but if I try to use a controller parameter it doesn't work. Any ideas what I might be doing wrong?

September 10, 2008
·
Answer
·
Like
0
·
Follow
2

jwetzler
This is a known issue that we already have a bug for.

September 10, 2008
·
Like
0
·
Dislike
0

Scott.M
Thanks Jill!

Here's hoping for the fix in the next release :)

September 10, 2008
·
Like
0
·
Dislike
0

DS777
Set the value parameter of the tabPanel

September 11, 2008
·
Like
0
·
Dislike
0

Mark Young
Hi Scott,

http://community.salesforce.com/sforce/board/message?board.id=Visualforce&thread.id=3610&page=2

This is a temporary javascript workaround if you require one.

Mark

September 11, 2008
·
Like
0
·
Dislike
0

Javaj
Just change this line

<apex:tabPanel switchType="Ajax" value="{!ActiveTab}" id="slipTabPanel">

August 3, 2009
·
Like
0
·
Dislike
0

Walter@Adicio
Thank you Javaj , that helped me.

April 14, 2010
·
Like
0
·
Dislike
0

SujitMandal
switchType="client" worked for me... :)

August 8, 2011
·
Like
0
·
Dislike
0

vanessen
switchType="client" didn't work for me... but "Ajax" yes.....:-)

January 3, 2012
·
Like
0
·
Dislike
0

S Kumar.ax1063
Hi Alex,
I am also getting stuck in this situation.
Code..
<apex:page controller="TabTest">
<apex:tabPanel switchType="client" selectedTab="{!ActiveTab}" id="slipTabPanel">
<apex:tab label="Tab 1" name="tab1" id="tab1">
Tab1
</apex:tab>
<apex:tab label="Tab 2" name="tab2" id="tab2">
Tab2
</apex:tab>
<apex:tab label="Tab 3" name="tab3" id="tab3">
Tab3
</apex:tab>
</apex:tabPanel>
</apex:page>
In controller I am getting tab name based on different navigation ,but on VF page tab is not switching.
It wolud be great if you can help me in this.How your code is working?

March 21, 2013
·
Like
0
·
Dislike
0

Mitesh Sura
Developers and ISVs please vote for this idea: https://success.salesforce.com/ideaView?id=08730000000kteEAAQ

August 22, 2013
·
Like
0
·
Dislike
0

HariP
Hi,

I have similar problem. I tried both switchTypes (client and ajax). Still not working.

Here is my sample code:
        <apex:tabPanel switchType="ajax" selectedTab="{!selectedTab}" id="AccountTabPanel" immediate="true"
            tabClass="activeTab" inactiveTabClass="inactiveTab" activeTabClass="activeTab" headerSpacing="15px" height="100px">
            <apex:tab label="One" name="tab1" id="tabOne">content for tab one</apex:tab>
            <apex:tab label="Two" name="tab2" id="tabTwo">
                content for tab two
            </apex:tab>
        </apex:tabPanel>

Has anyone get it working? What is wrong in my code? Please help.

Thanks

February 11, 2015
·
Like
0
·
Dislike
0

HariP
Changing the tabPanel attribute from selectedTab="{!selectedTab}" to value="{!selectedTab}" worked perfectly.

Reference: http://www.salesforce.com/docs/developer/pages/Content/pages_compref_tabPanel.htm