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.
cancel
Showing results for 
Search instead for 
Did you mean: 
Carola1
Product and Topic Expert
Product and Topic Expert


 

Theming and branding of your user interfaces is a very effective method to improve end user acceptance and satisfaction for your SAP business applications. The UI theme designer is the right tool to just do it ! 


Use the new overview presentation about SAP UI theme designer to get a holistic view on the tool including new features and functions based on the version 1.8 delivered with SAPNetWeaver UI Add-On SP11.

Here is a short summary of the presentation and the topics covered:



UI Theme Designer in Nutshell


The SAP UI theme designer enables you to adapt the visual appearance of your SAP business applications according to your needs and according to your coporate identity.

The UI theme designer supports theming across multiple UI technologies and on different platforms. Dependent on your theming requirements and on your skills you can use  the web-based WSYIWYG to adapt theming on a Quick-, Expert- or CSS-level.

 

Theming Process


The UI theme designer enables you to easily build a custom theme in some steps:



To make the custom themes available for the end users, use the client-specific configuration (see SAP Documentation) or the URL-parameter sap-theme for testing purposes.

 

Features and Functions


The UI theme designer tool allows you to define a preview scope which is dependent on the chosen SAP base theme. In the preview area you then have an instant preview of the selected UI control or application and there you also can directly see the impact of theme parameter changes you performed within the parameter editor.



With the color palette you can predefine often used/needed colors for easy reuse in Quick, Expert and CSS theming and there are multiple features which support you when editing theming, as for example the color picker as well as filter and search functionality for parameters.

 

Theme Lifecycle & Architecture


Themes built with the UI theme designer can be used across different systems using a central theming repository (theming hub). They can be integrated into the transportation landscape connecting develop, test and productive systems. Furthermore you can export and import themes e.g. for further editing in an external tool.


Get the UI Theme Designer


The UI theme designer can be installed via the  latest available SAP UI Add-on for SAP NetWeaver respective via the latest Portal Service Pack for NetWeaver 7.30 or later.

For further steps to activate and start the theme designer, see SAP documentation UI theme designer for ABAP respective Working with UI theme designer for Enterprise Portal.

The get a first impression and play around with the theme designer tool you can use the trial version in SAP Hana Cloud.


Further Information


On the last slide of the attached overview presentation there are more links to get further detailed information about the SAP UI theme designer, e.g. SAP Documentation, UX Explorer, Technology Roadmap.

 

Related Content


What's new in theme designer version 1.8 ?

SAP UI theme designer development center

Supported SAP Themes