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

Guided activity floor plan

In the previous post we saw how to create an application using OIF for the component ZCSK_FPM_OIF. In this post we will study how to create the application using GAF for the same component.

 

Step 1: Go to the Tcode SE80 and open the standard component FPM_GAF_COMPONENT.

 

clip_image002

 

Right click on the component and create the webdynpro application for the component. In the previous post we created the application in the component we created and mapped it to the floor plan manager component. Anyway both are one and the same.  

clip_image004

 

Enter the name and description for the application and press enter.

clip_image006

 

Save the application.

clip_image008

 

Step 2: Right click on the application and select create/change configuration. It will open the application configuration editor for the FPM.

clip_image010

 

Provide the configuration ID and click on create to create the configuration.

clip_image012

 

Assign the configuration to the package or save it in the local object. Enter the configuration name and click enter. Go to component configuration button will be enabled. Click on go to configuration button to Open the FLUID(Configuration editor for FPM).

clip_image014

The system will throw an error message as configuration does not exists. Click on create to create the configuration.

clip_image016

 

Assign the configuration to the package or save it in the local object. Configuration will be created sucessfully.

clip_image018

 

Step 3: Expand the node main step and choose the UIBB.

Enter the component name and choose the view. Here I have choosen the component which we have created in the previous post for OIF Application.

clip_image020

 

In the right hand side you will be able to see a tool bar. Click on add main step to add the second window.

clip_image022

Main step will be added as below.

clip_image024

 

Now expand the node for the main step 2 and choose the UIBB to add the component and view.

I have added the second window of the component ZCSK_FPM_OIF.

clip_image026

 

We can change the name of the mainstep using the attributes of the main step. Explore the configuration editor for more options.

clip_image028

 

Save the configuration. Go back to the application configuration using the breadcrumb available in the top and test the application.

 

clip_image030

 

Test the application configuration.

clip_image032

 

Output:

clip_image034

Click on next to move on to the next view.

clip_image036

 

Some standard buttons come along with the application with actions for it. We can hide or disable them as well as we  can add toolbar elements and handle them using the events of the interface if_fpm_ui_building_block. We will see the usage of these events in the upcoming posts.

 

About Arun

0 Comments:

Post a Comment

Powered by Blogger.