Show TOC

Adding Target ContentLocate this document in the navigation structure

Once you have selected a theme as the base of your theme, you can add preview pages of the UI technologies that support the base theme.

Prerequisites

You have selected a theme as the base of your theme.

Context

The previews available in the Add Target Content section depend on the base theme that you selected. Only preview pages for UI technologies that support the selected base theme are displayed.

Procedure

  1. Choose sample content for the preview.

    You can add the following content:

    • SAP application preview pages

      The following application previews are available:

      SAPUI5:
      • SAP Fiori launchpad
      • Explored
      • Purchase Order Approval
      NWBC:
      • Index Page
      • New Tab Page
      • Service Map
      • Shell
      Unified Rendering:
      • FPM Overview Page
      • FPM Search Page
    • SAP control preview pages
    • Custom applications

      Note that the application you enter needs to be located on the same server as the UI theme designer.

  2. To add more than one application, choose Add Target Content. The Add Target Content dialog box appears again and you can choose the application you want to add.
    The applications you have added appear in the Target Pages pane and can be selected to be displayed in the preview area.

    Choose Expand Preview to Full Width to expand the preview to full width.

    Use the Original/Preview toggle button to switch between the display of the theme you used as a starting point and a preview of the current version of your theme.

Next Steps

You can now change the values of theming parameters or add CSS rules. The application preview is automatically adjusted once you have made a change.