Adding a IMAGE to Web Dynpro view

Details: Category: NetWeaver; Published on Wednesday, 04 June 2008 04:28; Written by Martin; Hits: 30052

Martin from SAP Dev (http://www.sapdev.co.uk) is the original author of this article and was kind enough to grant us permission to publish it on ERPGenie.

Below are the steps for adding an 'IMAGE' UI element to a view.
Step 1
Create new Web Dynpro component!

Step 2
On the layout tab of the view create a UI element (See Below) of type 'IMAGE'. Now goto your MIME repository and find an image you want to display. Now enter the path of this image into the source property of the IMAGE element or just simply drag the image from MIME repository onto the source parameter and it will enter the path for you.

Adding a UI element to a dynpro view

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!

Login Form

Main Menu

ERPGenie Websites

ERP Software Corner

Adding a IMAGE to Web Dynpro view

Adding a UI element to a dynpro view