formRow - Form Layout Row

Specifies a row of content in a form layout column or the layout table itself.

Category

Extension Library

Syntax

<xe:formRow attributes>content</xe:formRow>
Table 1. Essential properties
Property Description
id Defaults to formRow1, formRow2, and so on.
for Identifies the control to which the row applies. Not needed if the control is contained in the row.
label Associates a label with the control.
labelPosition Specifies the position of the label in relation to the control.
Table 2. All properties
Category Properties
basics binding, for, helpId, id, label, labelWidth, loaded, rendered, rendererType
format labelPosition
styling disableTheme, style, styleClass, themeId

Examples

This example displays a table with two columns each with one row containing an edit box. The effect is to display the edit boxes on one line. A header provides explanatory text and a footer provides save and cancel buttons.
<xe:formTable id="formTable1" formTitle="Subject and number"
formDescription="Provide your input in the boxes below.">
	<xe:formColumn>
		<xe:formRow id="formRow1" label="Subject" for="inputText1">
		<xp:inputText id="inputText1"
			value="#{document1.subject}">
		</xp:inputText>
		</xe:formRow>
	</xe:formColumn>
	<xe:formColumn>
		<xe:formRow id="formRow2" label="Number" for="inputText1">
		<xp:inputText id="inputText2"
			value="#{document1.number}">
		</xp:inputText>
		</xe:formRow>
	</xe:formColumn>
	<xp:this.facets>
		<xp:panel xp:key="footer" id="panel1">
			<xp:button value="Save" id="button1">
				<xp:eventHandler event="onclick" submit="true"
					refreshMode="complete" immediate="false" save="true">
				</xp:eventHandler>
			</xp:button>
			<xp:button value="Cancel" id="button2">
				<xp:eventHandler event="onclick" submit="true"
					refreshMode="complete" immediate="true" save="false">
				</xp:eventHandler>
			</xp:button>
		</xp:panel>
	</xp:this.facets>
</xe:formTable>