Hi, I provide training in SAP UI5. Also feel free to checkout my new web page https://saptechblog.com
Webdynpro ABAP

Overview page floor plan

This tutorial explains how to configure a webdynpro application using Overview page floor plan. In this tutorial we are going to configure the webdynpro component already created for demonstrating Object instance floor plan.

Refer to link: Object instance floor plan

Step 1: Create an application for the Webdynpro component.


Enter the name of the component and Interface view as mentioned below. Technically application is being created for the webdynpro component FPM_OVP_COMPONENT. You can also directly create the application for the component FPM_OVP_COMPONENT.



Step 2: You will be able to see the application created in the component FPM_OVP_COMPONENT. Right click on the application and select create/change configuration.


System will prompt the configuration does not exist. Click on create to create the application.


Enter the description for the application and assign it to the package.


Step 3: Enter the component configuration name and click on go to component configuration.


System will throw an error that configuration does not exist. Click on create to create the component configuration.


Enter the description and assign a package to the configuration.


Step 3: In the component configuration we are going to set the layout of the UIBB to be displayed. In the section different layout types are available from which we can choose one according to our needs.


Select the layout type as one column layout and Add UIBB.

Enter the name for the component and choose the interface view  as first window created.


Similarly create one more UIBB and select second window of the component as interface view.


Step 4: Now go back to the application configuration and test the application.



In the right hand side of the application you will be able to see the personalize tool bar using which you can hide or enable the UIBB.


The personalize tool bar will open a pop up in which you can see two sections, currently displayed blocks and currently not displayed blocks. You can remove the displayed blocks using minus button, then the UIBB Will be move to not displayed column which you can reassign using plus button.


About Arun


Post a Comment

Powered by Blogger.