Demo on Dynamic Progress bar (Web Dynpro for ABAP)

By Deepan Ignaatious, Kaavian systems

Scenario: In this example, The Dynamic Progress bar and use of the timed trigger UI elements are shown.  

Steps:

1.     Create one Webdynpro Application ZD_TIMER, and Save it  

.  

2.      Double-click on the COMPONENTCONTROLLER. 

3.      Check if the application is in change mode. 

4.      Create a node as shown below:

5. Create an attribute under the  TIME_NODE as shown below:

6. (Mapping of node to MAIN view)

Click on MAIN view Click on “CONTEXT” tab. Drag and drop the Node on the right side to the context on the left side.

Click on ‘YES’ for the prompt for the node to copied and mapped.

7. Click on “LAYOUT” tab of Main View.

8. In this step, we would be designing the screen of our application with the following elements:

·         Timed Trigger

·         Input field

·         Progress Bar

Right click on the ‘ROOTUIELEMENTCONTAINER’ select ‘insert Element’ from the context window and insert the ‘TIMED TRIGGER’ UI element as shown below. 

9. In the properties options of the UI Element set DELAY = 1 as shown below

Click here to continue...