Applying corporate design guidelines to your SAP Enterprise Portal is about to become much easier.
Are you familiar with the UI Theme Designer tool in SAP Enterprise Portal? If not, I’d like to expose you to an improved theming experience (compared to the Theme Editor you’re probably familiar with).
The UI Theme Designeris a browser-based tool that enables easy theme building by modifying one of the theme templates provided by SAP.
Image may be NSFW.
Clik here to view.
Why Use the UI Theme Designer?
By using the UI Theme Designer in the Portal, you can benefit from the following:
- Increased theming efficiency (reduced theming effort for customizing portal and integrated applications).
- Ease of use – simple and intuitive.
- Reduced theming effort.
We achieve these benefits providing the following capabilities:
- Graphical web-based WYSIWYG editor for controls as well as applications.
- Different levels of theming:
- Quick theming - Used for general theme settings affecting various SAP UI technologies.
- Expert theming– Used for SAP UI technology-specific theme settings.
- CSS - Manual theming based on LESS style sheet notations.
- Built-in preview pages: Application previous and control overview pages.
- Enabled for SAPUI5 and Unified Rendering.
Availability
The UI Theme Designer is available in SAP NetWeaver 7.3 SP10, 7.31 SP9 or 7.4 SP4 onwards.
Migrating Themes for Use with The UI Theme Designer
You can import portal themes for use with the UI Theme Designer. Themes customized using the Theme Editor must be exported before the UI Theme Designer is activated. The exported themes should be imported (migrated) after activating UI Theme Designer. The following video contains all you need to know about Theme Migration in less than a minute.
Activation of UI Theme Designer
Configuration for activating the UI Theme Designer is also fast and easy. The configuration is illustrated in the following video in less than a minute.
Examples of Theming Capabilities
After doing the previous steps (Theme Migration (if required) and UI Theme Designer activation), you can now enjoy creating and editing themes in an easy, simple, and intuitive way. Examples of different levels of theming: Quick, Expert and CSS are provided in the following video.
Ongoing Improvements
Note that UI Theme Designer is in continuous development and therefore additional improvements are also reflected when working with the tool in the Portal. For example, theming based on Fiori Framework Page is supported, starting from SAP NetWeaver SP12. Another example is the support of Right-To-Left (RTL), starting from SAP NetWeaver SP13.
So you can expect that your experience will continue to improve in the future.
Notes and Known Limitations
- Note 1890375 - Known Issues of UI Theme Designer for SAP NetWeaver Portal.
- Note 1927550 - Update UI Theme Designer to version 1.1.4 in the portal.
- Note 1895989- UI5 iView stylesheet rendering issues.
- Note 1959708 - Supporting integration of UI Theme designer and UI5 application in the portal.
Further Information
- General documentation about UI Theme Designer is available in SAP Help Documentation.
- Further documentation for UI Theme Designer in the Portal is available in SAP Help - Portal Documentation.
- UI Theme Designer on SAP Community Network.
Enjoy - We'd appreciate your feedbackImage may be NSFW.
Clik here to view.![]()
