Creating UI element in webdynpro ABAP

Creating UI elements in webdynpro for ABAP, UI element properties in SAP web dynpro

+ -
UI Element : UI elements are screen elements which are used to design screen in web dynpro ABAP, each UI element has some specific properties .Properties of UI elements:There are three kinds of properties for UI elements.
  1. Mandatory.
  2. Can be bindable.
  3. Not bindable.

We will discuss about all properties of UI elements in future lessons, in this lesson we will be learning how to create UI elements.

Follow the below steps to create a UI element in web dynpro ABAP.

Go to SE80, select Web Dynpro Comp./Intf. from drop down, provide a web dynpro component name and press enter.

Creating a node in Web Dynpro for ABAP

A pop up will open, click on create.

Creating a node in Web Dynpro for ABAP

Provide description, enter.

Creating a node in Web Dynpro for ABAP

Save it in a local object, expand views and double click on main view.

Creating a node in Web Dynpro for ABAP

Click on change icon to go to change mode.

Creating a node in Web Dynpro for ABAP

Select Layout, right click on ROOTUIELEMENTCONTAINER, Insert Element.

insert uielement in webdynpro ABAP

A popup will open, provide ID, select type from drop down, enter.

Insert UI element web dynpro

Now the UI element is inserted, we will learn designing layout with UI elements in next lessons.

Learner Questions


No Questions by learners, be first one to ask ..!!

    Please Sign in to ask a question

    Was this lesson helpful to you? Yes No 34 People out of 35 think this lesson helpful


    Lesson Navigation

    ←Previous Chapter
    Next Chapter →