I have the following <h:panelGrid>
:
<h:panelGrid columns="2" id="panelGrid" >
<!-- heading -->
<f:facet name="header">
User Details
</f:facet>
<h:outputLabel value="#{bundle.ViewUserdetailsLabel_id}"/>
<!-- adding in a small effect here that will fade a message when a user hovers over the id number or username -->
<h:outputLink id="id1" value="#">
<h:outputText id="id" value="#{userdetailsController.selected.id}" title="#{bundle.ViewUserdetailsTitle_id}"/>
</h:outputLink>
<p:tooltip for="id" value="This is your I.D. Number" showEffect="fade" hideEffect="fade" />
<h:outputText value="#{bundle.ViewUserdetailsLabel_username}"/>
<h:outputLink id="username1" value="#">
<h:outputText id="username" value="#{userdetailsController.selected.username}" title="#{bundle.ViewUserdetailsTitle_username}"/>
</h:outputLink>
<p:tooltip for="username" value="Your registered username, this can be changed" showEffect="fade" hideEffect="fade" />
<f:facet name="footer"></f:facet>
</h:panelGrid>
I expected it to show up as
User Details Id: 500 Username: zzzzzzzz
However, instead it show up with some empty cells:
User Details Id: 500 Username: zzzzzzzz
The same problem perists when I use <p:panelGrid>
instead of <h:panelGrid>
. How is this caused and how can I sovle it?