ABAP Web Dynpro layout development and how it looks in your browser

Design 'Layout' tab in ABAP web dynpro (SE80)

Below is an example of an ABAP web dynpro layout design and how elements can be added and nested within each other. I have not shown all the individule properties of the various UI elements but if you have a play around with some of the properties such as Table width, Table visibleRowCount , Tab width etc etc you will start to get a feel of what can be done and how it effects the look of the resultant output!


How the screen looks in your web browser

This is how the above layout looks in your Internet browser!



What the second tab looks like'


Related Articles

Web Dynpro for ABAP tutorials example souce code for developing SAP Webdynpro applications
Displaying a web dynpro field with F1 dictionary help
Adding a UI element to a view of and ABAP Webdynpro
Make WebDynpro view part of the WebDynpro window
My First ABAP WebDynpro - simple WebDynpro to display 'Hello world'
Displaying data with ABAP WebDynpro table
Adding a IMAGE UI element to an ABAP Web Dynpro view
Adding inbound and outbound plugs to your ABAP WebDynpro
Triggering ABAP WebDynpro inbound and outbound plugs