Show TOC

Creating a Theme for Web Dynpro ABAP ApplicationsLocate this document in the navigation structure

This example shows how you design a theme for Web Dynpro ABAP and Floorplan Manager applications.

In the following steps, you will create a new theme on the basis of SAP Gold Reflection. The result should look as follows: Example of a Custom Theme for WDA Applications

  1. Start the UI theme designer.
  2. In the New Theme dialog box, select the theme SAP Gold Reflection and choose Edit.
  3. Add an application for the preview.

    1. In the Add Target Content dialog box, enter the URL of the application you want to theme and choose Add.

    2. In the Target Pages panel, select the control preview you just added.
  4. Change the highlight color to green.
    1. In the Quick tab, select the value help of the Highlight Color parameter.
    2. Use the color picker or enter a color code (for example #00bb00).
    3. Select OK to confirm the dialog box.

    You will see that for example the hover color of the drop down and the buttons have changed.

  5. Change the background color to white.

    You will notice that the background color of the application title was not affected by this change.

  6. Change the background color of the header bar to white:
    1. Switch to the Expert tab.
    2. Filter for color parameters.
    3. Search for the parameter sapUrPgHTBgColor.
    4. Pick a color or enter a color code.
  7. The buttons should appear in green. Change the value of sapButton_Background to #00ee00.