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.




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.  



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



Save the application.



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



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



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).


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



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



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.



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


Main step will be added as below.



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.



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



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




Test the application configuration.





Click on next to move on to the next view.



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


Post a Comment

Powered by Blogger.