View Designer 
The View Designer is a Web Dynpro tool that provides graphical support when implementing the user interface layout of a Web Dynpro application. More than thirty standard UI elements are available, all of which can be adapted to suit your requirements by defining the properties appropriately. The UI elements are displayed in What-You-See-Is-What-You-Get (WYSIWYG) mode.
When you design a view, the following UI elements are available in the categories Standard Simple, Standard Complex, Standard Container, and Business Graphics. All the UI elements are based on controls technology.
Available user interface elements (in alphabetical order) |
||
|
||
|
||
|
||
The UI Element Reference Guide contains detailed information about all available user interface elements and their properties.
When creating user interfaces, the perspectives Outline and Properties are also of great importance. The UI element properties are defined and maintained in the Properties view. The Outline view displays the user interface elements of a view with their corresponding UI element IDs in a tree structure.
Opening the View Designer Tool
Prerequisites
The View Designer is used after a view has been created in the Application Modeler. For information on how to create a view, refer to Application Modeler.
Procedure
To open the View
Designer, choose 
Edit from the context menu for
the view name in the Web Dynpro Explorer or in the Application
Modeler.
Result
The Layout tab leads you to the View Designer tool in the right perspective area.
See also:
Programming Model Basics: View
Working with User Interface Elements