H:panelGrid plus h:message problem!

Question

Hello Guys.
I'm beginning to use JDeveloper and I think already find a Bug. I was editing a JSF form using a panelGrid like that:
<h:panelGrid columns="3" border="0" cellpadding="5" cellspacing="3" headerClass="login-heading">
<h:outputLabel for="userNameInput">
<h:outputText value="Enter your user name:"/>
</h:outputLabel>
<h:inputText id="userNameInput" size="20" maxlength="30" required="true">
<f:validateLength minimum="5" maximum="30"/>
</h:inputText>
<h:message for="userNameInput"/>
The issue is that JDeveloper design screen doesn't reconigze the h:message as a "colum element", so the next component will ocupy the place where I expeted the h:message to be.
Has someone already had this problem?

Answer 1

Ok, that's what happens, but the idea was that the "test" appear at the second line. Think about that, and if the "test" was a label for another textbox? So The label would appear at the first line and its textbox at the second line. We can't configure the panelgrid for 2 columns, because we need a column for the h:message.
Try out this code:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document id="d1">
<af:form id="f1">
<h:panelGrid columns="3" border="0" cellpadding="5" cellspacing="3" headerClass="login-heading">
<h:outputLabel for="userNameInput">
<h:outputText value="Enter your user name:"/>
</h:outputLabel>
<h:inputText id="userNameInput" size="20" maxlength="30" required="true">
<f:validateLength minimum="5" maximum="30"/>
</h:inputText>
<h:message for="userNameInput"/>
<h:outputLabel for="passwordInput">
<h:outputText value="Enter your user password:"/>
</h:outputLabel>
<h:inputText id="passwordInput" size="20" maxlength="30" required="true">
<f:validateLength minimum="5" maximum="30"/>
</h:inputText>
<h:message for="passwordInput"/>
</af:form>
</af:document>
</f:view>
</jsp:root>