Opinion about layout

[Marco Noronha]

Guys,

I ´d like to have your apinion about the basic layout we are doing..

The first thing, is that I have a primefaces PanelGrid with one column..
to produce the header and the footer.


(The text is on portuguese, and it says "fields are placed here. Inside the secound panel".
That is because, inside that panel with facet (header and footer), I have another panelGrid (h:panelGrid)
to store the fields.

I created some Composite to add fields (label+input).. Eg:

	<cc:implementation>
		<h:panelGrid columns="2">
			<p:outputLabel for="#{cc.attrs.fieldId}" value="#{cc.attrs.fieldLabel}"/>
		    <p:inputText id="#{cc.attrs.fieldId}" required="#{cc.attrs.required}" disabled="#{cc.attrs.disabled}" 
		                 value="#{cc.attrs.targetValue}" styleClass="cc.attrs.styleClass">
				
				<cc:insertChildren /> <!-- Validation Rules -->
		    	<f:ajax event="blur" execute="@this" render="@this" />
		    	  
		    </p:inputText>		
		</h:panelGrid>			
	</cc:implementation>

So, I have another panelGrid, to align the label+input...
And that added to the page, renders something like this:



What do you guys thiink about that?
I think its a little ugly... Because the labels have diferent sizes,
and so, the input texts are not very aligned...

What do you guys think?

[Tim Holloway]

I think a little CSS style tweaking can do wonders for that layout.