<formLayout>

This formLayout tag is used to define a form that contains other UI controls like input text, combo box, and date time picker.

Relationship with other tags

The formLayout tag is child tag of tag region.

The formLayout tag has the following child tag: inputText, listOfValues, inputDate, and comboBox.

Example

The following example shows the XML for a formLayout tag.

   <formLayout columns="1";   blockSize="5" fieldWidth="400" >
      <inputText label="#{workitemmodel.labels.TASKID}" value="#{workitemmodel.values.TASKID}" readOnly="true" >
      <listOfValues label="#{workitemmodel.labels.OWNER}" value="#{workitemmodel.values.OWNER}" source="OWNER" >
      <inputDate label="#{workitemmodel.labels.DUEDATE}" value="#{workitemmodel.values.DUEDATE}" >
      <comboBox label="#{workitemmodel.labels.STATUS}" value="#{workitemmodel.values.STATUS}" valueSet="#{workitemmodel.listItems.STATUS}" >
   </formLayout >

Attributes

Name	Type	Supports EL?	Description
blockSize	String	no	Number of rows to show as a block. After each bloxk a seperator is added between blocks.
columns	String	no	Number of clumns to show inside the form.
disabled	String	no	If set to true, the control is in ready only mode.
fieldWidth	String	no	Length used for all control in the form.
id	String	no	UI component identifier. There could be multiple textEditor controls and this id attribute is used to uniquely identify the control.
labelWidth	String	no	Common width of all the field labels.
rows	String	no	Number of rows to display.
rowToSpan	String	no	Comma delimited row numbers that will span the entire row.
value	String	yes
visible	String	yes	If set to true, the control will be displayed. If set to false, it is hidden.