tabView shows all tabs on first tab

Question

When starting a view using the tabView-Element, the second tab is shown as exspected, but the content of both tabs are shown on first tab. How can I manage to show the tabView correctly?

Example Code:

<p:tabView>
  <p:tab title="A">
    Content Tab A
  </p:tab>
  <p:tab title="B">
    Content Tab B
  </p:tab>
</p:tabView>

Looks like this:
tabView_shows_all_contents

Accepted Answer

2

This is an issue in the xpertivy-theme, see issue #25066 PrimeFaces TabView shows all tab contents with xpertivy-theme. This will be fixed with 5.0.13. As Workaround switch to another theme or create your own theme.

link

answered 21.07.2014 at 16:05

Christian St... ♦
3.2k●3●13●38
accept rate: 88%

Answer 2

0

Could it bee that you use the green default xpertivy-theme? I guess there is a bug in that theme. Try to switch to another theme like black-tie and the tabView works as expected.

If you are not working with the ivy theme. Please show us a sample of the incorrectly rendered tabView.

link

answered 18.07.2014 at 13:18

Reguel Werme... ♦♦
9.4k●3●19●58
accept rate: 70%

Answer 3

0

I tried to get a correct view using black-tie, but this did not solve the problem. The problem is the same in IE,Firefox or Chrome. After refreshing with F5 the view is shown correctly. After each action, e.g. with a commandButton, the view shows all tab within the first tab again. alt text

link

answered 21.07.2014 at 10:02

Richard Schmid
(suspended)
accept rate: 25%

Answer 4

0

I could identify the error: tabView are rendered in a correct way, if the update-option within commandButton-elements point to the id of the tabview itself. If pointing to e.g. tables within different tabs of the tabview, more than one tab will be shown on one tab.

link

answered 21.07.2014 at 10:30

Richard Schmid
(suspended)
accept rate: 25%

tabView shows all tabs on first tab

Follow this question

Related questions