Entering content frame

Procedure documentation Completing the Layout of the Application

 

In the following section, you complete the interface elements.

Procedure

...

       1.      In FormView, switch to the Layout tab page. The following interface elements already exist:

This graphic is explained in the accompanying text  This graphic is explained in the accompanying text

       2.      Add new properties for the following interface elements or bind them to the appropriate context elements and actions:

Properties

Value

FormGroup_Header with Caption type

text

Rental Settings

Label1 with Label type

labelFor

DropDown_Location

This graphic is explained in the accompanying text

Since DropDown_Location is bound with the Location context attribute (with the Location simple type created previously), the field text from the simple type is used as the default text.

DropDown_Location with DropDownByKey type

selectedKey

This graphic is explained in the accompanying text Location

Label2 with Label type

labelFor

DropDown_VehicleType

DropDown_VehicleType with DropDownByKey type

selectedKey

This graphic is explained in the accompanying text VehicleType

Label3 with Label type

labelFor

Input_Pickup

text

Pickup Date

This graphic is explained in the accompanying text

Since Input_Pickup is bound with a context attribute without a simple type, you must define the text here.

Input_Pickup with InputField type

value

This graphic is explained in the accompanying text PickupDate

Label4 with Label type

labelFor

Input_Return

Input_Return with InputField type

value

This graphic is explained in the accompanying text ReturnDate

RentButton with Button type

onAction

Rent

text

This graphic is explained in the accompanying text

The empty default value remains. Since the button is bound to the Rent action and the Rent text is assigned to this action, this text is used for this button automatically.

       3.      Save the current status of the metadata.

       4.      To visualize the changes in the layout editor, close FormView and then open it again.

 

Result

You have completed the layout of FormView:

This graphic is explained in the accompanying text

 

Next step:

Creating the Warning Message and Implementing onActionRent()

 

 

Leaving content frame