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.


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 > 


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.