Designing the Tile Layout (SAP Library - SAP Business Application Studio)

Designing the Tile Layout

Use

To associate business object or business queries and create controls on a tile. These controls are the fields in a business application. Tile links the business logic defined in the Object Modeler to the user interface of the business application.

To find out:

The various controls allowed in each tile type.
If business objects or business queries can be associated.
What each type of tile may look like.

see tile.

Prerequisites

You have:

Created a tile.
Identified the names of the business object / business query to which the tile has to be associated.
Identified the names of the properties, of business object / business query, to which the controls have to be associated.
Logged into the required change list context.

Procedure

Open the required tile.

The tile is displayed in the Tile Modeler.

Include the required controls.

To create controls:	Action	Result
Associated to selected properties of business object or business query.	In the Object Modeler, choose the required property. Drag and drop the property to the tile area.	Business Application Studio creates a: Business anchor for the corresponding business object or business query. Control associated to the corresponding property of the business object or business query. This method is usually used while configuring a tile.
Associated to all the properties of a business object or business query.	In the Object Modeler, choose the required business object or business query. Drag and drop it to the tile area.	Business Application Studio creates a: Business anchor for the corresponding business object or business query. Controls associated to the corresponding property of the business object or business query. You can delete the unwanted controls. This method is usually used while modeling a new tile.
Not associated to a business object or business query property.	In the UI Toolbox, choose a standard control. Drag and drop the standard control to the tile area.	Business Application Studio creates a control on the tile. The first time you create such a control, an UnboundAnchor is created. This anchor is not associated to any business object or business query. All the controls that are not associated to a business object or business query property are displayed under this anchor. If required, you can later associate business object or business query properties to these controls. For more information, see Associating data source property to a control.

In the Properties dialog, change the properties of each control.

For example, label and TAB sequence.

Align the controls using the align buttons on the toolbar.

The two horizontal lines and a vertical line in the tile area help you identify the space occupied by a tile. Arrange the controls based on how big you want your tile in a tile set.

Save the tile.

Result

You have included all the required controls in the tile. If there are more than one business anchor, model a business anchor hierarchy for the tile to relate information displayed by the different business anchors.