Do you have customer requirements to personalize EWM RFUI screens?
Today I will introduce below, which is available from SAP Release SAP S/4HANA Cloud 2108 and higher or SAP S/4HANA 2021 On-Premise and higher.
1) EWM_MOBGUI service
â Steps and share how it looks when we use âEWM_MOBGUIâ service.
2) SAP Screen Personas for RFUI
â Overview information and steps for you to image how you can utilize SAP Screen Personas for RFUI. Just to support identifying âWill SAP Screen Personas be the solution for your customerâ.
1) EWM_MOBGUI service
1-1. Overview
You can activate âEWM_MOBGUIâ service in transaction SICF.
This will enable you to display ABAP Dynpro in RF Framework as SAP GUI for HTML.
It requires no generation of an HTML template.
It renders the RF screens in the most recent SAP Themes and Fiori Design for a modern look and feel.
Screens can be further personalized using SAP Screen Personas, which I will explain in 2) SAP Screen Personas for RFUI.
1-2. Steps to activate 1)EWM_MOBGUI service :
⸠Step 1 : Activate and open service âEWM_MOBGUIâ
Open transaction âSICFâ.
Activate the service âEWM_MOBGUIâ and open the activated internet service.
or open the URL that follows the following pattern: https://<server>/sap/bc/gui/sap/its/ewm_mobgui?~transaction=/scwm/rfui&sap-language=EN. (Then you can skip step2)
*Service path is : /sap/bc/gui/sap/its/ewm_mobgui/
⸠Step 2 : Open Transaction /SCWM/RFUI on web gui
⸠Step 3 : Log on to your warehouse, resource, presentation device.
For example, you will be able to see below screens. (without creating HTML templates)
If your customer still want to personalize from below screens, check out SAP Screen Personas solution.
2) SAP Screen Personas for RFUI
2-1. Overview
At first please understand 2 features for SAP Screen personas.
- Theme â Created to maintain visually consistent screens, apply to more than the currently shown screen but applied to all transactions in the current session. You can change Background image, Background colors of control, Font type and Font size. Area size and position, Border style. You can assign Theme to PFCG role.
- Flavor â Specific screen personalization applied to a particular transaction. Flavor can overwrite Theme. You can assign flavor to user or user group or PFCG role. Scripting could be done in Flavor editor, and offers developers a way to influence the screen and process flow using JavaScript. For example, scripts can be used to automate specific tasks that users perform regularly.
- Will introduce overview of Theme in Step 3, Flavor in Step 4. Scripting in Step 5.
- Check out Demo of SAP Screen Personas flavor applied to RF picking transaction.
2-2. Steps to create 2)SAP Screen Personas for RFUI:
⸠Step 1 : Assign roles
To have the full rights I assigned /PERSONAS/ADMIN.
SAP Screen Personas 3.0 is only enabled for a user when the relevant authorizations (based on a user role) are granted. Without the necessary authorization, the solution will not be available.
- Administrator â /personas/admin_role â full rights
- Editor â /personas/editor_role â full access to the client, Themes, but not the Administrative UI.
- Consumer â /personas/consumer_role â for read-only access to SAP Screen Personas Flavors.
⸠Step 2 : Open Screen Personas
Open the activated âEWM_MOBGUIâ service, and open transaction /SCWM/RFUI.
Log on to your warehouse, resource, presentation device. (This time I created presentation device as Portarit mode)
Select the âPâ icon, which is the icon of Screen Personas.
Step 3 Theme
⸠Step 3-1 : Theme â Create a new Theme
Select âThemeâ and Select â ďź âCreate New Theme â. Then enter name and description of your theme. Select âDoneâ.
⸠Step 3-2 : Theme â Edit your theme
This time I changed the UI as below editing Theme.
Applied below âbuttonâ settings, to change the UI as above,
- Borders to have dotted style, medium weight, light blue lines.
- Changed the font size, font color, font weight and button background color.
Easy isnât it? No CSS coding.
Step 4 Flavor
⸠Step 4-1 : Flavor â Create new flavor
Move to the screen you want to personalize and Select the âPâ icon, which is the icon of Screen Personas.
Select âďźâ button (Create New Flavor) and enter name and description of your flavor. Select create.
⸠Step 4-2 : Flavor â Edit your flavor
This time I change the UI as below, using Flavor editor.
For this example, User could have required to
- Hide the boxes which they donât need.
- Highlight the Source bin to bold red letters.
- Fill out input fields red.
- Make the font bigger and bold.
Below are several changes, I applied to get above requested UI.
ăťHide unnecessary fields. â â Select the field you want to hide. âĄSelect Hide button.
ăťChange size of field. â Drag and drop.
ăťChange font size, color, and thicker. â Select the field you want to change and âĄChange the value.
ăťCreate new labels â â Label button âĄEnter text of the label ⢠Select âDoneâ.
ăťFill the input field red â â Select the input field you want to fill red. âĄSelect âFillâ button.ăSelect âredâ color from the pallet.
Hope this gave you hints to imagine how to realize your customer requirements.
Step 5 Scripting
Overview : As explained Scripting could be done in Flavor editor, offers developers a way to influence the screen and process flow using JavaScript. For example, scripts can be used to automate specific tasks that users perform regularly.
Attention : The more complicated the script is (retrieving data from multiple transactions, running JavaScript, executing Web RFCs), the more impact it will have on performance. The longer the script is the more time it will take to execute.
⸠Step 5-1 : Apply Scripting
This time applied scripting to âLogon Pack Stationâ screen.
Usually you have to enter the âwork center code for packing and then press enterâ then you go back to the menu screen for packing.
I applied scripting to create buttons to logon to each work center. (Not entering/scanning each work center code and press enter but creating a button to log on for each work center, so user only have to select the button of work center. Value could be User no longer needs to remember the code of work center)
â Please be reminded that this is just a example scenario to understand scripting.
⸠Step 5-2 : Apply Scripting â Create the screen
You will not be entering work center codes so create 2 Script buttons to logon work center âY831â and âY921â.
Hide the â labels and âĄinput field which you donât need.
Just for the user to understand you could add new labels on the screen such as âLogon to work centerâ.
⸠Step 5-3 : Apply Scripting â Open âScriptsâ
Open âScriptâ button to edit your script. â Be sure you stay on the RF screen which you want to execute scripting.
⸠Step 5-4 : Apply Scripting â Edit âScriptsâ
â Create 2 scripts to logon each work center. â Create new scripts using âďź(add)â button.
âĄCreate script details and save. â You have options to write down the code (Java script) or use âStart recordingâ button to execute the transactions and the codes will be there. ( Finish without coding available)
Example of coding this time: (For the other button just change Y831 to Y92)
session.findById(âwnd[0]/usr/subX:/SCWM/SAPLRF_PACKING_PM:2000/txt/SCWM/S_RF_PACK-WORKSTATIONâ).setFocus();
session.findById(âwnd[0]/usr/subX:/SCWM/SAPLRF_PACKING_PM:2000/txt/SCWM/S_RF_PACK-WORKSTATIONâ).text = âY831â;
session.findById(âwnd[0]/usr/subX:/SCWM/SAPLRF_PACKING_PM:2000/txt/SCWM/S_RF_PACK-WORKSTATIONâ).setFocus();
session.findById(âwnd[0]â).sendVKey(0);
⸠Step 5-5 : Apply Scripting â Add script events
â Select the script button you created âĄPush Script Events â˘Select the script you want to identify on the button you chose for â . and drag under âonClickâ.
Take the same action for the other button.
Save and Exit.
⸠Step 5-6 : Apply Scripting â Test the scenario
Test the scenario by selecting â Logon Pack Station âĄSelect Small parts work center (Y831).
Then open transaction code / SCWM/MON (Warehouse management monitor), Open the node Resource management > RF log. You will be able to confirm that Value Y831 was entered while you selected the âSmall parts work center (Y831) button.
⸠Step 6 : Give authorization of created Theme or Flavor.
To get the users to apply created Theme or Flavor,
Use transaction code /PERSONAS/ADMIN.
Apply theme for Role. Flavors could be applied to role or specific user or user group.