[ess_stegra]

The JSF editor seems to have problems displaying <h:panelGrid> elements. When the HTML is converted to use table tags instead, the page displays correctly in design view.
– System Setup ——————————-
Operating System and version: Windows XP
Eclipse version: Version: 3.1.2
Eclipse build id: Build id: M20060118-1600
Fresh Eclipse install (y/n): Yes
Other installed external plugins: None
Number of plugins in the <eclipse>/plugins directory that begin with org.eclipse.pde.*: 4
MyEclipse version: Version: 4.1
Eclipse JDK version: jdk1.5.0_06
Application Server JDK version: jdk1.5.0_06
Are there any exceptions in the Eclipse log file? Not related to this problem.
– Message Body ——————————-

The following works: (Displays a Login Screen with a logo on the left and a nested table on the right with a title, login field, password and submit button.)

<h:form rendered="true">
    <TABLE cellpadding="0" cellspacing="0">
        <TR>
            <TD>
                <h:graphicImage url="/images/logo.gif" 
                alt="Welcome to Timed Essential Conferencing"
                title="Welcome to Timed Essential Conferencing"
                width="183"height="113"/>
            </TD>
            <TD>
                <TABLE cellpadding="5" cellspacing="3">
                    <TR>
                        <TD colspan="3">
                            <h:outputText value="Timed Essential Conferencing™" styleClass="login-heading"/>                            
                        </TD>
                    </TR>
                    <TR>
                        <TD>
                            <h:outputLabel for="userNameInput">
                                <h:outputText value="Enter your user ID:"/>
                            </h:outputLabel>
                        </TD>
                        <TD>
                            <h:inputText
                              id="userNameInput" size="20"
                              maxlength="30" required="true"/>
                        </TD>
                        <TD>
                            <h:message for="userNameInput" styleClass="errors"></h:message>
                        </TD>
                    </TR>
                    <TR>
                        <TD>
                            <h:outputLabel for="passwordInput">
                                <h:outputText value="Password:"/>
                            </h:outputLabel>
                        </TD>
                        <TD>
                          <h:inputSecret id="passwordInput"
                                           size="20"
                                           maxlength="20"/>
                        </TD>
                    </TR>
                    <TR>
                        <TD></TD>
                        <TD>
                          <h:commandButton
                            action="success" title="submit" value="Submit"/>
                        </TD>                
                    </TR>
                </TABLE>
            </TD>            
        </TR>
    </TABLE>
</h:form>
</body>
</html>
</f:view>

The following does NOT work: (Displays the image in the top row, the userid and password fields in the second row and the submit button in the third row.
The page displays properly when deployed to Tomcat 5.5

<h:form rendered="true">
    <h:panelGrid columns="2" border="0" cellpadding="3" cellspacing="3">
        <h:graphicImage url="/images/logo.gif" 
                alt="Welcome to Timed Essential Conferencing"
                title="Welcome to Timed Essential Conferencing"
                width="183"height="113"/>
        <h:panelGrid columns="3" border="0" cellpadding="5" cellspacing="3"
                     headerClass="login-heading">
            <f:facet name="header">
                <h:outputText value="Timed Essential Conferencing™"/>                            
            </f:facet>
            <h:outputLabel for="userNameInput">
                <h:outputText value="Enter your user ID:"/>
            </h:outputLabel>
            <h:inputText
                  id="userNameInput" size="20"
                  maxlength="30" required="true"/>
            <h:message for="userNameInput" styleClass="errors"></h:message>
            <h:outputLabel for="passwordInput">
                <h:outputText value="Password:"/>
            </h:outputLabel>
            <h:inputSecret id="passwordInput"
                           size="20"
                           maxlength="20" required="true"/>
            <h:message for="passwordInput" styleClass="errors"></h:message>
            <h:panelGroup/>
            <h:commandButton
                action="success" title="submit" value="Submit"/>
            <h:panelGroup/>
        </h:panelGrid>
    </h:panelGrid>
</h:form>

[Riyad Kalla]

Thank you, I have filed this bug for investigation.

[Author]

Posts