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 creating a simple ABAP WebDynpro.
Step 1
Execute transaction SE80

Step 2 – Create Web Dynpro component
Select Web Dynpro component/application from drop down and create new Web Dynpro component with a Web Dynpro window. Give the window a name of your choice e.g. INIT_WINDOW

{mosbanner id=42} 

Step 3 – Create View
With the context menu of the WebDynpro component and choose Create->View (VIEW1)

Step 4 Within the layout tab of the view create a simple UI element of type CAPTION (VIEW1). To do this right click on the ROOTUIELEMENTCONTAINER within the UI element hierarchy (top right corner) and select Insert Element. Enter a name for the element and select type CAPTION.

Step 5Double click on the CAPTION to maintain it properties list. Change its display text using the ‘text’ property to what ever you want e.g. ‘HELLO WORLD’. Press enter to see these changes appear in the layout preview!

Step 6 – Make WebDynpro view part of the WebDynpro window
Edit the Webdynpro window and select the window tab(MAIN_WINDOW). In the window structure open the context menu for the Web Dynpro window and select ‘Embed View’.

Step 7 – Display list of views available to be embedded
Click 'value help' button to display list of available views to add.

Step 8 – Choose view to add to window
Now select your view from the list.


The embed view popup will now be populated with the appropriate detials


The view has now been embeded to the window


Step 9 – Create web Dynpro application



Step 10 - Save and activate everything


Step 11 - Test your WebDynpro (WDp)


Step 12 - Result