permaculture playing cards
The moose likes JSF and the fly likes Tab Panel not rendering properly in a template Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Java » JSF
Bookmark "Tab Panel not rendering properly in a template" Watch "Tab Panel not rendering properly in a template" New topic

Tab Panel not rendering properly in a template

Kim Ming Yap
Ranch Hand

Joined: Dec 17, 2008
Posts: 53

Sorry for posting here but the original thread was posted in Jboss but since i didn't get any response, i thought of posting it here.

The original URL post in jboss is:

Since doc files are not allowed to be attached here, please refer to the jboss link to look at the screenshot found on 2 attached files there.

Here's the original post:

I'm having a problem where tabpanel is not rendering properly in a template. In short, the steps are explained in sequences.


Clause A) Main template

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


<html xmlns=""





<title>MView Analytics Reporting</title>

<h:outputStylesheet library="css" name="styles.css" />

<h:outputScript library="javascript" name="realTimeClock.js"/>


<h:body onload="updateClock(); setInterval('updateClock()', 1000 )">

<div id="sidebarLeft">

<ui:insert name="sidebarLeft">

<ui:include src="/sections/sideBarLeft.xhtml"/>



<div id="contents">

<ui:insert name="contents"/>
<h:form id="frmSecurityHoldings">

<rich:tabPanel id="tabs" switchType="client">

<rich:tab id="listTab1" label="List">abc









Clause B) sideBarLeft.xhtml page.

In /sections/sideBarLeft.xhtml .. portion of the code is as follows:


<rich:panelMenuGroup label="Enquiry Management">
<rich:panelMenuItem label="Profile"/>
<rich:panelMenuItem label="Security Holdings" action="/sections/securityHoldings.xhtml"/>
<rich:panelMenuItem label="Client Transactions"/>
<rich:panelMenuItem label="Rate of Return"/>


When i click the "Security Holdings", it will bring me to securityHoldings.xhtml page.


Clause C) securityHoldings.xhtml page.

<ui:composition xmlns=""

<ui:define name="contents">
<rich:tab header="first" id="first">first</rich:tab>



Clause D)

a) If i were to use the forms as in clause A) (bolded), the results is shown in attachment result1.doc

b) If i were to comment the forms as in clause A) and uncomment the <ui:insert name="contents"/>, the results is shown in attachment result2.doc. This is really strange where the panel get rendered correctly while the tabPanel otherwise. Possible bug in richfaces4.0?

I couldn't figure out why using the latter would cause the tabpanel not rendering properly.
It is sorta covered in the JavaRanch Style Guide.
subject: Tab Panel not rendering properly in a template
It's not a secret anymore!