Thursday, November 2, 2017

TIP: Configuring the SAP EM Web UI

Daniel Haerder wrote a good blog introducing customizing of the SAP EM Web UI. Check it out here before continuing … Now let’s explore it in more detail.
Reference the following 2 links to give you more ideas around what is possible:

Setting the theme back to SAP standard

Add parameter &sap-theme=sap_standard to the end of your URL. E.g. http://<sapem_server>:8000/sap/bc/webdynpro/saptrx/em_fpm_ui?sap-system-login-basic_auth=X&sap-client=100&sap-language=EN&sap-theme=sap_standard#
Available themes:
  • sap_chrome
  • sap_hcb
  • sap_highcont
  • sap_nova
  • sap_standard
  • sap_tradeshow
  • sap_tradeshow_plus

Configuring the Web UI

Add the parameter “&sap-config-mode=X” at the end of the SAP EM Web UI. E.g. http://<sapem_server>/sap/bc/webdynpro/saptrx/em_fpm_ui?sap-client=001&sap-language=EN&sap-config-mode=X
  • Right click on a field and select “Settings for current configuration”
  • Right click element and select “Add decorative item”

Can add one of the following:
  • Heading
  • Explanation
  • Formatted Text
  • Horizontal Separator
  • Image
  • Link
  • Text Display

Adding a logo to your SAP EM Web UI

  • Right click on a field and select “Settings for current configuration”
  • Right click PAGE_HEADER_TITLE_CONTENT and select “Add decorative item”
  • Select image
  • Add Image Source, Tooltip and Location URL to send to

Changing the Text on the Selection Screen
/wp-content/uploads/2016/05/config1_951156.png
/wp-content/uploads/2016/05/config2_951157.png
/wp-content/uploads/2016/05/config3_951158.png

Cross-Application Settings for Web Dynpro ABAP

Use Web Dynpro WD_GLOBAL_SETTING to set global web Dynpro settings for all applications.
http://<SAP_EM_SERVER>:8000/sap/bc/webdynpro/sap/WD_GLOBAL_SETTING#

General Parameters

/wp-content/uploads/2016/05/config4_951159.png

Adjustments Design and Side-Panel

/wp-content/uploads/2016/05/config5_951160.png