Show TOC

Creating a Form with the Related View FeatureLocate this document in the navigation structure

Use

The Related Views tab enables you to view details for all the nodes you create in your application. This document describes how you can create an FBI view configuration to explore the main features of the Related Views tab.

Prerequisites

In an SAP development system, you have created a Web Dynpro application and created an initial screen. For more information, see:

Procedure

Configuring an FBI View for the Parent Node to Include the Related View

  1. In an SAP development system, enter transaction code SE80.

  2. In the navigation area, select Web Dynpro Comp./Intf.

  3. Select the /BOFU/FBI_VIEW component and choose Display.

  4. Right-click the /BOFU/FBI_VIEW object.

  5. Under Component Configuration , select the parent FBI view.

  6. Double-click the component configuration.

  7. Choose Start Configurator. The Web Dynpro Component Configuration screen appears.

  8. Click Continue in Change Mode.

  9. Choose the Related Views tab.

  10. Choose Add.

  11. Enter the name of the FBI view created for the child node in the Related View column.

  12. Enter the output structure suffix in the Output Struc. Suffix column.

  13. Enter the association that exists between the parent node and the child node as mentioned in the business object in the Association column.

  14. Save your entries.

Creating and Configuring a Form UIBB

  1. Choose the UIBB pushbutton and select Add Form Component.

  2. Enter the following details for the form GUIBB:

    • Component: FPM_FORM_UIBB

    • View: FORM_WINDOW

    • Configuration Name: An appropriate configuration name

  3. Save your entries.

  4. Choose the Configure UIBB pushbutton.

  5. To create the configuration for your UIBB, in the Editor for the Web Dynpro ABAP Component Configuration screen, choose the New pushbutton.

  6. In the Create Configuration dialog box, enter any required descriptions and confirm your entry.

  7. In the Select Package dialog box, enter your required package and confirm your entry.

  8. In the Edit Feeder Class dialog box, enter the /BOFU/CL_FBI_GUIBB_FORM feeder class and choose the Edit Parameters pushbutton.

  9. Enter the name of the parent FBI view in the FBI View field.

  10. Choose OK.

  11. Save your entries.

Add Group Elements

  1. On the Component Configuration screen, on the form UIBB Schema tab, choose the Element pushbutton and select Add Group.

  2. In the Group Title column, enter a suitable title for the group.

  3. Choose the Child Element pushbutton and select Add Elements to Group.

  4. In the Edit Group dialog box, select the element and choose OK.

  5. Save the UIBB configuration.