4 Replies Latest reply: May 7, 2012 9:45 AM by Subramanian Meyyappan RSS

    space between inputtext

    Tshifhiwa
      hi i what my inputtext to be next to each other not wide away from each othe how can i do that, like stuck in forms where they are close to each other

      <af:panelFormLayout id="pfl3" labelAlignment="top" rows="1" maxColumns="12"
      styleClass="AFAuxiliaryStretchWidth" inlineStyle="height:55px;">
      <f:facet name="footer"/>
      <af:inputComboboxListOfValues id="nameId"
      popupTitle="Search and Select: #{bindings.Name.hints.label}"
      label="#{bindings.Name.hints.label}"
      model="#{bindings.Name.listOfValuesModel}"
      required="#{bindings.Name.hints.mandatory}"
      columns="#{bindings.Name.hints.displayWidth}"
      shortDesc="#{bindings.Name.hints.tooltip}">
      <f:validator binding="#{bindings.Name.validator}"/>
      </af:inputComboboxListOfValues>
      <af:inputText label="#{bindings.F1.hints.label}"
      required="#{bindings.F1.hints.mandatory}"
      columns="1"
      maximumLength="#{bindings.F1.hints.precision}"
      shortDesc="#{bindings.F1.hints.tooltip}" id="it9">
      <f:validator binding="#{bindings.F1.validator}"/>
      </af:inputText>
      <af:inputText label="#{bindings.F2.hints.label}"
      required="#{bindings.F2.hints.mandatory}"
      columns="1"
      maximumLength="#{bindings.F2.hints.precision}"
      shortDesc="#{bindings.F2.hints.tooltip}" id="it10">
      <f:validator binding="#{bindings.F2.validator}"/>
      </af:inputText>
      <af:inputText label="#{bindings.F3.hints.label}"
      required="#{bindings.F3.hints.mandatory}"
      columns="1"
      maximumLength="#{bindings.F3.hints.precision}"
      shortDesc="#{bindings.F3.hints.tooltip}" id="it11">
      <f:validator binding="#{bindings.F3.validator}"/>
      </af:inputText>
      <af:inputText label="#{bindings.F4.hints.label}"
      required="#{bindings.F4.hints.mandatory}"
      columns="1"
      maximumLength="#{bindings.F4.hints.precision}"
      shortDesc="#{bindings.F4.hints.tooltip}" id="it12">
      <f:validator binding="#{bindings.F4.validator}"/>
      </af:inputText>
      <af:inputText label="#{bindings.F5.hints.label}"
      required="#{bindings.F5.hints.mandatory}"
      columns="1"
      maximumLength="#{bindings.F5.hints.precision}"
      shortDesc="#{bindings.F5.hints.tooltip}" id="it13">
      <f:validator binding="#{bindings.F5.validator}"/>
      </af:inputText>
      <af:inputText
      label="#{bindings.Descriptions.hints.label}"
      required="#{bindings.Descriptions.hints.mandatory}"
      columns="10"
      maximumLength="#{bindings.Descriptions.hints.precision}"
      shortDesc="#{bindings.Descriptions.hints.tooltip}" id="it15">
      <f:validator binding="#{bindings.Descriptions.validator}"/>
      </af:inputText>
      <af:inputComboboxListOfValues id="fyeaYearId"
      popupTitle="Search and Select: #{bindings.FyeaYear.hints.label}"
      label="#{bindings.FyeaYear.hints.label}"
      model="#{bindings.FyeaYear.listOfValuesModel}"
      required="#{bindings.FyeaYear.hints.mandatory}"
      columns="10"
      shortDesc="#{bindings.FyeaYear.hints.tooltip}">
      <f:validator binding="#{bindings.FyeaYear.validator}"/>
      </af:inputComboboxListOfValues>
      <af:inputComboboxListOfValues id="name1Id"
      popupTitle="Search and Select: #{bindings.Name1.hints.label}"
      label="Applicable Month"
      model="#{bindings.Name1.listOfValuesModel}"
      required="#{bindings.Name1.hints.mandatory}"
      columns="8"
      shortDesc="#{bindings.Name1.hints.tooltip}">
      <f:validator binding="#{bindings.Name1.validator}"/>
      </af:inputComboboxListOfValues>
      <af:inputText label="#{bindings.FilePlanNo.hints.label}"
      required="#{bindings.FilePlanNo.hints.mandatory}" columns="10"
      maximumLength="#{bindings.FilePlanNo.hints.precision}"
      shortDesc="#{bindings.FilePlanNo.hints.tooltip}" id="it14">
      <f:validator binding="#{bindings.FilePlanNo.validator}"/>
      <af:convertDateTime pattern="#{bindings.FilePlanNo.format}"/>
      </af:inputText>
      </af:panelFormLayout>
        • 1. Re: space between inputtext
          Pamela
          You want your input text components to be close to each other like inside a table with a single row?
          • 2. Re: space between inputtext
            Patrick Harriss
            You can try using af:group to group some of your elements together.
            • 3. Re: space between inputtext
              Tshifhiwa
              yes i like my input text components to be close to each other like inside a table with a single row with one label at the top per column can i do the same with output label formated
              • 4. Re: space between inputtext
                Subramanian Meyyappan
                try some like this
                 <af:panelLabelAndMessage label="Disqualify Reason" id="plam17"
                                                         showRequired="true">
                                  <af:inputListOfValues id="prospDisqReasonId"
                                                        popupTitle="Search and Select: #{bindings.ProspDisqReason.hints.label}"
                                                        value="#{bindings.ProspDisqReason.inputValue}"
                                                        model="#{bindings.ProspDisqReason.listOfValuesModel}"
                                                        columns="5"
                                                        shortDesc="#{bindings.ProspDisqReason.hints.tooltip}"
                                                        simple="true" showRequired="true"
                                                        required="true">
                                    <f:validator binding="#{bindings.ProspDisqReason.validator}"/>
                                  </af:inputListOfValues>
                                  <af:inputText value="#{bindings.ProspDisqReasonDesc.inputValue}"
                                                required="#{bindings.ProspDisqReasonDesc.hints.mandatory}"
                                                columns="25"
                                                maximumLength="#{bindings.ProspDisqReasonDesc.hints.precision}"
                                                shortDesc="#{bindings.ProspDisqReasonDesc.hints.tooltip}"
                                                id="it32" simple="true">
                                    <f:validator binding="#{bindings.ProspDisqReasonDesc.validator}"/>
                                  </af:inputText>
                                </af:panelLabelAndMessage>