Concept - Forms

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Basic buildup of a Form:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE workInProgress>
<MultiForm id="Customer" label="Customer">
	<Page id="Overview" label="Overview">
		<Input id="_Name" label="Company" type="text" width="100%" eval="#Name" disabled="true" />
		<Input id="_Sales1Y" label="Sales 1Y" type="text" width="25%" eval="'n/a'" disabled="true" />
		<Input id="_Sales5Y" label="Sales 5Y" type="text" width="35%" eval="'n/a'" disabled="true" />
		<Input id="_Sales10Y" label="Sales 10Y" type="text" width="40%" eval="'n/a'" disabled="true" />
		<Input id="_OpenTasks" label="Open Tasks" type="text" width="25%" eval="'n/a'" disabled="true" />
		<Input id="_OpenInvoices" label="Open Invoices" type="text" width="35%" eval="'n/a'" disabled="true" />
		<Input id="_Info" label="Info" type="textarea" width="100%" height="30%" eval="#Info" disabled="true" />
	</Page>
	<Page id="Basic data" label="Basic data">
		<Input id="Name" label="Name" type="text" width="100%" />
		<Input id="Street" label="Street" type="text" width="100%" />
		<Input id="Zipcode" label="Zipcode" type="text" width="30%" />
		<Input id="City" label="City" type="text" width="70%" />
		<Input id="Country" label="Country" type="text" width="100%" />
		<Input id="Tel" label="Tel" type="text" width="50%" />
		<Input id="Fax" label="Fax" type="text" width="50%" />
		<Input id="Email" label="Email" type="text" width="100%" />
	</Page>
	<Page id="Open Tasks" label="Open Tasks">
		<Grid id="Tasks" label="Open Tasks" height="80%">
			<GridColumn id="_FromDate" label="From" type="date" />
			<GridColumn label="" id="_FromTime" type="time" />
			<GridColumn id="_ToDate" label="To" type="date" />
			<GridColumn label="" id="_ToTime" type="time" />
			<GridColumn id="Quantity" label="Quantity" type="numeric" />
			<GridColumn id="Product" label="Product" type="single" />
			<GridColumn id="Employee" label="Employee" type="single" />
			<GridColumn id="TaskButton" label="Action" type="text" />
			<RowEditPage>
				<Input id="_FromDate" label="From" type="date" width="30%" />
				<Input id="_FromTime" label="Time" type="time" width="20%" />
				<Input id="_ToDate" label="To" type="date" width="30%" />
				<Input id="_ToTime" label="Time" type="time" width="20%" />
				<Input id="Quantity" label="Quantity" type="numeric" width="20%"  />
				<Select id="Product" label="Product" type="single" sopts="Product" width="40%" />
				<Select id="Employee" label="Employee" type="single" sopts="Employee" width="40%" />
				<Spacer width="60%" />
				<Button id="_ButtonAccept" width="20%" action="this.parentObj.acceptRowEdit()" eval="'Accept'" />
				<Button id="_ButtonCancel" width="20%" action="this.parentObj.cancelRowEdit()" eval="'Cancel'" />
			</RowEditPage>
		</Grid>
		<Button id="BillButton" action="" eval="'bill open tasks'" disabled="true" />
	</Page>
	<Page id="Invoices" label="Invoices">
		<Grid id="Invoices" label="Invoices" height="90%" edit="false" insert="false" delete="false">
			<GridColumn id="Invoicedate" label="Invoice date" type="date" />
			<GridColumn id="Paiddate" label="Date of payment" type="date" />
			<GridColumn id="Info" label="Info" type="text" />
			<GridColumn id="_InvoiceButton" label="Action" type="text" />
		</Grid>
	</Page>
	<Page id="Info" label="Info">
		<Input id="Info" label="Info" type="textarea" height="100%" />
	</Page>
</MultiForm>

for more information see Reference: MultiForm