Tabbed Panel navigation

Question

Hi, I am wanting to have a user fill out a form on a tab and
then on submitting, have the next tab open etc. etc.
I can do this by using something simple like:
<button onclick="TabbedPanels1.showPanel(2)"
>Next</button>
And it works... sort of.
When you click the Next button, the next Tab opens but only
for a brief moment before switching back to whatever Tab is set as
the default. How can I stop this behaviour?
Cheers,
Paul

Answer 1

Hi,
One thing you can do is this:
Have bindings to all your tabs in the backing bean.
On your button actionListener set on the tab you want to be disclosed do the following:
aTab.setDisclosed(true)
in all others:
setDisclosed(false)
have the button partialSubmit=false in order to refresh the whole page, or partialSubmit=true and add partialTriggers to all tabs with the id of the button.
You can also play with pageFlowScope variables and set the disclosed property of each tab:
e.g. set on each tab the disclosed property like this:
disclosed="#{pageFlowScope.tabDisclosed=='theNameOfTheTab'}"
On the button you place a propertyListener of type action and on from set the name of the tab you want to be disclosed an to: #{pageFlowScope.tabDisclosed}
hope this helps
Regards,
Dimitris.