Supply Chain Management Blogs by SAP
Expand your SAP SCM knowledge and stay informed about supply chain management technology and solutions with blog posts by SAP. Follow and stay connected.
Showing results for 
Search instead for 
Did you mean: 
Product and Topic Expert
Product and Topic Expert
Link to Part 1:

After we have prepared our feeder class in previous part, the 2nd half will include the the FPM related developments required to conclude our customer requirement.

One remark, the described changes could have also been achieved via the creation of a customize component for the standard TM UIBBs, but I ususally prefere the creation of custom application configurations and custom UIBBS over customize component. This way you also have more control if you want your enhancement for example only to be included in a specific freight order type.(e.g. Inbound vs Outbound).

Custom Overview UIBB:

Open transaction SE84.
Go to Web Dynpro -> Component Configuration
Enter WD Component Configuration: /SCMTMS/WDCC_TOR_OVWTAB and press execute(F8).
Double Click on resulting entry. In the following UI press "Display Configuration".

Your browser will open showing the configuration for the standard overview Tabbed UIBB. On the header toolbar click on "Other Functions -> New Window".

A new tab is opening having predefined the fields for component name and configuration ID of the standard Overview UIBB. On the header Toolbar click "Copy".
Enter name and description of your own UIBB as per project naming guideline and press ok.

Copy Standard Overview UIBB

Follow the same Copy process for the TREE UIBB part of the standard Overview
In your custom tabbed UIBB configuration, replace the standard config for the Tree UIBB with the
custom config you just created and save

Link Custom Tree UIBB to Custom Tabbed UIBB

Navigate to the custom tree UIBB.
Show the right panel and open tab General Settings. Click on "Feeder Class -> Feeder Class Parameters".
In the resulting pop-up replace the feeder class with the custom feeder class created in part 1 and Save.

Maintain custom Feeder Class

You can see in the left pannel that based on your custom feeder class the additional actions you defined in the feeder are now available in the FPM configurator.

Action List based on custom Feeder

Now we can add the new actions to the UI configuration.
On the Tab Toolbar Scheme click on "+ Toolbar Element" and add a new Button Choice. In the right panel maintain the info on the button choice name, tooltip, and FPM Events available under
this button choice for our 2 new actions.

Button Choice Maintenance

Now we can also add the new fields we defined. After adding the field for the icon, change the display type on the attributes tab on the right to image.

Column Maintenance

Navigate back to the previously created tabbed UIBB and navigate to tab Wire Schema. You will see
several error messages now as we have replaced the standard Tree UI configuration with the custom
tree UI configuration but copied the old wiring from our standard tree configuraiton to the detail tabs.

Replace the Source Config name with the newly created custom configuration.
In addition, replace the config ID in the Wire Plug, this is required to wire your OVP later to the tree

Tabbed UIBB Wire Schema

Custom Application Configuration&OVP

In the next step we will create our own application configuration including its own OVP, which we can
later assign to our desired freight order type.
Open Transaction SE84 and navigate to Application Configurations: Enter Application Configuration
/SCMTMS/FRE_ORDER and press Execute(F8). In the following UI click on "Display Configuration". A newBrower Window is opening. Click on "Other Functions -> New Window". In the new UI click on button "Copy" and create a new application configuration as per project naming conventions.
In the resulting UI navigate to the newly created application configuration. Continue to navigate to the OVP configuration assigned to the application configuration in column Configuration Name.

Again, click on "other functions -> New Window" and copy the OVP configuration in the resulting screen. Maintain the new OVP configuration in your previously created applicaiton configuration via button "Assign Configuration Name".

Maintain OVP Configuration in Application Configuration

Navigate to the newly created OVP configuration.
On the left side panel select the Main Page. And navigate to tab Overview Page Schema select Section:
Content and click on + UIBB -> Tabbed Component
In the Right Panel maintain the previously created configuration for the enhanced Overview Tabbed
UIBB and maintain a Title for the Tab on the UI.

Switch to tab Wire Schema and click on button + Wire.
Maintain the Wiring information as per screenshot below. Use the F4 Help on the config ID, you will
see the new custom Tree UI configuration. If this is not visible the wire plug in your tabbed UIBB was
not properly adjusted in the steps above.

OVP - Customer Overview UIBB Wiring

Pro Tip: The Parameter Value below refers to the initial Hierarchy Type (Customizing), which is loaded when opening the overview. If you have the requirement to show another Hierarchy Type per default you could change the parameter in this wire.

Add Application configuration to relevant freight order type customizing

Now there is only one simple step left to enjoy our new custom Overview.
Open Transaction SIMG and navigate to "Transportation Management -> Freight Order Management ->Freight Order -> Define Freight Order Types".
Select your relevant Freight Order Type. In the bottom right section you find "Application Configuration Settings". Use the F4 Help to maintain your new application configuration and save.

Freight Order Type Customizing - Application Configuration

With this last step done open your Freight Order and check the new overview status in action!

Final Result

With this basic steps in your pocket, you can from here on think about all kind of interessting status dependencies you could have between different entities in the overview and how they could be implemented via the framework described in the first part of the guide.

1 Comment