Skip to Content
Author's profile photo Troy Cronin

EP: Portal – UI Theme Designer (Changing Specific Elements)


The UI Theme Designer builds upon the functionality once provided by the older classical Theme Editor. As we know organizations may strive to tailor their Portal Landscape in a way that conforms to business requirements and adopts the organizational “look & feel”.

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

Using the UI Theme Desinger

The UI Theme Designer is the complete package in terms of being singular tool for theming and branding across many of SAP UI’s When you customize supported portal themes using the UI Theme Designer, you can preview changes you make to framework pages.

I Cannot Locate “Specific” Elements that I Need to Change

I’ve come across scenarios in which issues arose when Portal Administrators or end-users needed to change specific elements. When utilizing the UI Theme Designer however they were unsure of how to identify the correct property that needed to be changed (to change the element display).

A great point of informative reference here is that of Noel’s blog below. This provides a great overview surrounding display areas of interest e.g. “TLN, Breadcrumb, DTN, Content Area”.

– How to… UI Theme Designer – Locating elements:

The best approach in terms of changing “specific” Portal elements and property settings would be to use the advanced CSS Settings. If you select the “Expert” option in the UI Theme Designer when you theme of choice is opened you should be able to use the “Magnifying Glass” to change the corresponding properties in the preview (based on your preference).

This option will allow you to select anywhere (with mouse) on screen and edit the corresponding properties in the right hand column





Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Vikas Patial
      Vikas Patial

      Seriously, is this imparting any kind of knowledge ??

      Author's profile photo Troy Cronin
      Troy Cronin
      Blog Post Author

      Hi Vikas

      Many thanks for the comment and feedback.If you are seeking informative material which may be more technically insightful, I would invite you to checkout some of the previous posting in the series and if you have any constructive feedback on what could be added this would be great.

      Again many thanks for the feedback.


      Kind Regards,