2 Replies Latest reply: Nov 17, 2012 10:06 AM by DonmayLee RSS

    how can I align these components?

    DonmayLee
      I use panelFormLayout to have 6 panelLabelAndMessage component(can not find a place to attach an image file). However, Create Date input field does not align correctly. I already tried many ways but did not have any luck. Can some experts help me out? Thanks!

      Here is my code:
      <af:panelFormLayout id="pfl4" maxColumns="2" rows="3" labelWidth="45%" styleClass="wide-margins" fieldWidth="55%">
      <af:panelLabelAndMessage label="**Name" id="plam1">
      <af:inputText id="nameField" simple="true" autoSubmit="true" label=" " value="#{pageFlowScope.opptyName}"/>
      </af:panelLabelAndMessage>
      <af:panelLabelAndMessage label="Customer" id="plam3" showRequired="false">
      <af:inputText id="companyField" simple="true" label=" " value="#{pageFlowScope.customerName}" autoSubmit="true"/>
      </af:panelLabelAndMessage>
      <af:panelLabelAndMessage label="Primary Contact" id="plam4" inlineStyle="white-space: nowrap;">
      <af:inputText id="titleField" simple="true" label=" " value="#{pageFlowScope.contactName}" autoSubmit="true"/>
      </af:panelLabelAndMessage>
      <af:panelLabelAndMessage label="Owner" showRequired="false" id="plam5">
      <af:inputText id="owner" simple="true" label=" " value="#{pageFlowScope.ownerName}" autoSubmit="true"/>
      </af:panelLabelAndMessage>
      <af:panelLabelAndMessage label="**Status" id="plam6">
      <af:selectOneChoice id="soc1" simple="true" label=" " value="#{pageFlowScope.status}">
      <af:selectItem label="Lost" id="si1" value="#{'L'}"/>
      <af:selectItem label="No Sale" id="si2" value="#{'N'}"/>
      </af:selectOneChoice>
      </af:panelLabelAndMessage>
      <af:panelLabelAndMessage label="*Creation Date" id="plam2331" inlineStyle="white-space: nowrap;">
      <af:panelGroupLayout id="pgl1" layout="horizontal" halign="left">
      <af:inputDate label=" " id="id1" autoSubmit="true" value="{pageFlowScope.fromDate}"/>
      <af:inputDate label="-" id="id2" value="#{pageFlowScope.toDate}"/>
      </af:panelGroupLayout>
      </af:panelLabelAndMessage>
      </af:panelFormLayout>