Simple Alignment problem.

[Schönning Emil <Em...@afconsult.com>]

Hello all, 
I have a simple question, but I seem not to be able to find the answer searching through the archives or trying to read the developers guide. 
 
I would like to simply align the panelFormLayout in the code below to the left side of the page... Not centered. 

If possible can you also give me some tips in how to learn the charachteristics of the different panels? Some sort of tutuorial?

Regards,
Emil
 
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:trh="http://myfaces.apache.org/trinidad/html"
          xmlns:tr="http://myfaces.apache.org/trinidad">
  <jsp:output omit-xml-declaration="true" doctype-root-element="HTML"
              doctype-system="http://www.w3.org/TR/html4/loose.dtd"
              doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN"/>
  <jsp:directive.page contentType="text/html;charset=windows-1252"
                      errorPage="/errorpages/default_errorpage.jspx"/>
                      
  <f:view>
    <tr:document title="NC List">
     <tr:form id="ncListForm">
        <tr:statusIndicator id="statusIndicator"/>
        <tr:panelFormLayout rows="5" labelWidth="33%" fieldWidth="67%" >
            <tr:inputDate label="Start time: " accessKey="S">
               <f:convertDateTime pattern="yyyy-MM-dd HH:mm:ss"/>
            </tr:inputDate>
            <tr:inputDate label="End time: " accessKey="E">
               <f:convertDateTime pattern="yyyy-MM-dd HH:mm:ss"/>
            </tr:inputDate>
            <tr:selectOneChoice label="Interval:" >
              <f:selectItem itemLabel="HOUR" itemValue="HOUR"/>  
              <f:selectItem itemLabel="DAY" itemValue="DAY"/>
              <f:selectItem itemLabel="WEEK" itemValue="WEEK"/>
              <f:selectItem itemLabel="MONTH" itemValue="MONTH"/>
              <f:selectItem itemLabel="YEAR" itemValue="YEAR"/>
            </tr:selectOneChoice>
            <tr:inputText label="NC: " value="#{ncList.activeName}"/>
            <tr:commandButton id="refreshLoggingsButton_defaultCommand" text="Refresh" shortDesc="This is the default command of the Logging form, use Enter." accessKey="R" partialSubmit="true"/>
        </tr:panelFormLayout>
        <tr:panelGroupLayout layout="vertical" partialTriggers=":refreshLoggingsButton_defaultCommand">
           <tr:table id="normalizeLoggingsTable"
                var="allNcList" rowBandingInterval="1" partialTriggers="::refreshLoggingsButton_defaultCommand">
            <f:facet name="header">
              <tr:outputText value="List"/>
            </f:facet>
            <tr:column headerText="Time" headerNoWrap="true" noWrap="true" sortProperty="start" sortable="true"
                       inlineStyle="padding-right: 10px;">
              <tr:outputText value="#{allNcList.start}"/>
            </tr:column>
            <tr:column headerText="Information" headerNoWrap="true" noWrap="true" sortProperty="name" sortable="true"
                       inlineStyle="padding-right: 10px;">
              <tr:outputText value="#{allNcList.name}"/>
            </tr:column>
           </tr:table>
        </tr:panelGroupLayout>
       </tr:form>
    </tr:document>
  </f:view>
</jsp:root>