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

asked 18.07.2014 at 11:18

Richard%20Schmid's gravatar image

Richard Schmid
(suspended)
accept rate: 25%

edited 21.07.2014 at 17:50

SupportIvyTeam's gravatar image

SupportIvyTeam ♦♦
1.4k102118122


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%20Strebel's gravatar image

Christian St... ♦
3.2k31338
accept rate: 88%

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%20Schmid's gravatar image

Richard Schmid
(suspended)
accept rate: 25%

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%20Schmid's gravatar image

Richard Schmid
(suspended)
accept rate: 25%

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%20Wermelinger's gravatar image

Reguel Werme... ♦♦
9.4k31958
accept rate: 70%

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "Title")
  • image?![alt text](/path/img.jpg "Title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×51

Asked: 18.07.2014 at 11:18

Seen: 7,220 times

Last updated: 21.07.2014 at 17:50