Adding a UI element to a view of and ABAP Webdynpro

Below are the steps for adding a UI element to a view, for the purpose of the demonstration i will show you how to add a text caption but the process is the same for any UI element.

Step 1
Within the layout tab of the view, right click on the ROOTUIELEMENTCONTAINER within the UI element hierarchy (top right corner) and select Insert Element.


Enter a name and type for the UI element you want to add.


Step 2
Double click on the created UI element to maintain it properties list. You can change properties such as display text, row count, layout type etc depending what UI element you have entered. Once a change has been made you can press enter to see these changes appear in the layout preview!


Related Articles

Web Dynpro for ABAP tutorials example souce code for developing SAP Webdynpro applications
Displaying a web dynpro field with F1 dictionary help
Make WebDynpro view part of the WebDynpro window
My First ABAP WebDynpro - simple WebDynpro to display 'Hello world'
Displaying data with ABAP WebDynpro table
ABAP Web Dynpro layout development and how it looks in your browser
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