Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
Showing results for 
Search instead for 
Did you mean: 
Active Contributor

As we discussed in part one of my theme dedicated blog series we have covered the basic concepts surrounding Portal Themes, their management in terms of storage and also the permission setup in association to them.

In this second posting in the series we will cover the fundamentals between the tool core tools (past/present) which are used in theme generation and editing.

  • Theme Editor
  • UI Theme Designer

Theme Editor

Perhaps the more familiar of the two tools for users of older previous NW + Enterprise Portal Versions. The theme editor was the first tool creation mechanism introduced alongside the Enterprise Portal and provided users with the functional platform required to customize and edit themes to achieve a desired "look & feel".

The Theme Editor was first created in 2002 and was based upon the classical older UI.

With the Theme Editor each and every theme you create and label as a "customized" theme is based directly off a SAP Standard Theme. Such an approach allows you as a theme creator to change the core elements of a theme to meet your needs e.g. font, images and background and colors.

Working with the theme editor requires the relevant permissions and authorizations discussed in Part 1. To create or edit a theme you require a Content Admin role and to assign a theme to a desktop display you require an Admin role.

UI Theme Designer (Moving Forward)

In terms of theming the UI Theme Designer is the newly released and newly available platform for both editing and generation. In terms of functional enhancements with the UI Theme Designer they key terms here are:

  • CSS
  • LESS
  • SAP UI5
  • SAP NW Portal
  • Usability
  • Flexibility

Theme Editor VS UI Theme Designer

With the UI Theme Designer custom themes are saved within the newer format of WRR while the Theme Editor involved the storage of themes within the Portal Design Data.

You can overview this cross comparison yourself by simply viewing the changed URL between the two:


Activation of UI Theme Designer

  • To utilize the UI Theme Designer it must firstly be activated via Netweaver Administrator (NWA).
  • NWA > START > STOP > GO > WAIT > JAVA > LAF > Portal Service Configuration ("determine theme") > LESS > SAVE > Restart.

Moving from the Theme Editor to the UI Theme Designer

  • The change or switch if you like to the UI Theme Designer becomes apparent in NW 7.31 SP16 as the structure changed.
  • In NW 7.30 SP10 and NW 7.31 SP9 you can avail of the new theme designer
  • As of NW 7.31 SP16 the default theme tool is UI Theme Designer (although you can revert back to the theme editor if desired).
  • SAP NW 7.50 will only support the UI Theme Designer

Part 3 coming soon!