Creating UIs Using Drag and Drop of Context Elements

You use this procedure to create UI elements on the view in a simple manner using interactive graphical tools, drag and drop features with supporting wizards.

Prerequisites

You have created a:

Development component, and the corresponding window and views are available.
For more information, see Creating Components
Create context in Web Dynpro.
For more information, see Creating Context Trees Manually

Procedure

Create a User Interface Element Using Context Node

In the Web Dynpro perspective, drag the required context node from the Properties tab and drop it on the View Designer.
Follow the steps in the Create UI wizard. Choose form or table.
The wizard allows for edit of the name and type of UI Element.

The system creates the UI element with appropriate binding to context node and attribute.

Create a User Interface Element Using a Context Attribute

You can perform the following subtasks using the drag and drop of context attribute(s).

1. Generate UI elements.

Drag the context attribute from the Properties tab and drop it on the View Designer.
Select the type of UI element and its property in the Create UI wizard and choose Finish.

System creates an UI element with the required binding for the corresponding context attribute.

Note Note

In the Create UI wizard, the Create Label checkbox is selected by default, which can be changed.

End of the note.

2. Add columns to existing table.

Drag the context attribute from the Properties tab and drop it on the View Designer.
Select the Add to existing table checkbox and follow the instructions in the Create UI wizard.

The system adds a column to the existing table with required bindings to the context attribute.