UI Theme Designer 1.10 – Overview of Platform-Specific Features

Topic

Platform

HCP

ABAP

Portal

Architecture

No persistent repository, currently the browser storage is used

ABAP repository

Portal repository

System requirements

--

• UI add-on 1.0 SP04 or higher
• NW 7.4 (SAP_UI component SP04 or higher)

• 7.3 SP10 or higher
• 7.31 SP09 or higher
• 7.4 SP04 or higher

Prerequisites

HCP account

Relevant ICF nodes must be activated and authorization objects assigned.

Docu link

Activate TD in Portal

Launch the TD

Access via themedesigner subscription on HCP cockpit

Docu link

In the backend ABAP system, call transaction /UI5/THEME_DESIGNER

Docu link

In the Portal, use the following path:  Content Administration  Portal Display  Portal Themes  UI Theme Designer

Docu link

Theme support (which SAP standard themes can be used for theming)

SAP Blue Crystal

SAP Corbu

SAP Gold Reflection

SAP High Contrast Black

SAP Blue Crystal

SAP Corbu

SAP Gold Reflection

SAP High Contrast Black

SAP Chrome

SAP Streamline

SAP Tradeshow

SAP Blue Crystal

SAP Corbu

SAP Gold Reflection

SAP High Contrast Black

SAP Chrome

SAP Streamline

SAP Tradeshow

Built-in SAP application previews

SAPUI5:

• Purchase Order Approval
• SAP Fiori launchpad
• Explored

Unified Rendering:

• Purchase Order
• Search

NWBC:

• Index Page
• New Tab Page
• Service Map
• Shell

SAPUI5:

• Purchase Order Approval
• Explored

Unified Rendering:

• Purchase Order
• Search

NWBC:

• Index Page
• New Tab Page
• Service Map
• Shell

SAPUI5:

• SAP Fiori launchpad
• Explored

Unified Rendering:

• Purchase Order
• Search

Portal Framework pages:

• Ajax Framework Page
• Classic Framework Page
• Light Framework Page
• Unified Framework Page
• Fiori Framework Page

Theme Lifecycle:

Publish themes (make theme ready to be applied to an application)

• Export the theming files and import them again to the HCP (via SAP Fiori, Trial Cloud edition or SAP Web IDE)

Docu

• Export the theming files (Docu) and import them to an ABAP system (Docu)

Use the Save&Build function

Docu

Use the Save&Build function

Theme Lifecycle:

Sharing themes with other UI theme designer users

You can export your theming files from the UI theme designer as a zip file (Docu) and send them to other users who can import them again to the UI theme designer (Docu)

Published custom themes are automatically available in the theme list on the UI theme designer start screen

Published custom themes are automatically available in the theme list on the UI theme designer start screen

Theme Lifecycle:

Transporting themes

--

Using a back-end tool, you can export theming files (docu) and import them to another ABAP system: Docu

• You can import portal themes from the theme editor to the UI theme designer using Transport Themes in the Portal Docu
• You can transport portal themes between different portal systems using portal objects Docu

Theme Lifecycle:

Duplicate custom theme

--

Duplicate button available on the start screen

Duplicate button available on the start screen

Theme Lifecycle:

Rename custom theme

Rename is possible via the Properties dialog box

Rename button available on the start screen

Rename button available on the start screen

Theme Lifecycle:

Rebuild custom theme

Rebuild for upgrades is possible via reopening, exporting and importing the theme

Docu

Rebuild button available on the start screen

Docu

Rebuild button available on the start screen

Theme Lifecycle:

Set themes

Themes can only be applied to SAPUI5 applications

Docu

Set theme via URL parameter or via client

Via URL Parameter

UI5

FLP

NWBC

Theme can be set in the portal:

• End user: Personalize à
• Admin: Add theme to Portal desktop

Security: Protect access to the TD

Via HCP permission

Docu

Via PFCG authorizations

Docu link

Via Portal authorizations

Docu link

Theme fallback

--

--

Theme fallback mechanism checks if a theme can be applied to an application and selects a fallback theme if the specified theme is not valid.

Docu link

Documentation

HCP

UI Add-On 1.0

NW 7.4 (SAP_UI 1.0)

NW 7.3

NW 7.31

NW 7.4