In SAP Fiori 2.0, the SAP Belize theme is introduced and supplants the SAP Blue Crystal theme as the default theme in the SAP Fiori launchpad and for SAP Fiori apps. However, the SAP Belize theme is not released for SAP Fiori 1.0. Thus, I have created this guide to show you can create the SAP Belize theme for SAP Fiori 1.0 by using the SAP UI Theme Designer.
The end result of this how-to guide is this:
There are two versions of the SAP Belize theme; one is “light” and the other is “dark”. And when it comes to creating the theme, the procedure is the same, except that the color values are different. This guide will show how to create the “light” version of the theme.
Also, please note that custom CSS code is used to create the theme and although custom CSS code in the SAP UI Theme Designer is a feature and may work on the theme, it is not officially supported by SAP.
UI Theme Designer. SAP Blue Crystal. SAP Blue Crystal provides a consistent, responsive design that allows users to seamlessly experience SAPUI5 apps across the interaction channels desktop, tablet, and mobile. The background texture has a stroke pattern in white and light blue. Two years ago, i requested the CacheBuster feature for the SAP Cloud Plattform (SCP) to be able to control users cache for UI5 apps and and on 2018-04-12 my wishes has been heard (or implemented). The SAP WebIDE Full Stack update news told me, that the grunt-sapui5-bestpractice-build plugin has been updated to version 1.3.50 with a new task for. 2982302-SAP GUI for windows calendar control: When the SAP GUI font size is increased, the last row of the week day is cut-off and complete date cell is not visible. 2983741 -Chinese/English keyboard layout is changed to Chinese/Chinese while starting a transaction with an F4 field in a remote session. The Premium Content offers a different set of stylish animations, to complete your ideal theme! See the preview link below and decide for yourself. NOTE: PLEASE TRY THE FREE VERSION FIRST BEFORE PURCHASING THE PREMIUM CONTENT See and test if the size, appearance, and animation suits your operating system. Your fave and comments are much. Selection of colors per client/system with Blue Crystal Theme; Productive support for SAP Screen Personas 3.0 features; Details of the features above can be found on SAP’s Official SAP GUI site. For those who have not access to SAP Service Marketplace, free download links are provided below for the SAP GUI 7.50.
Sap Crystal Reports 2013 Download
- Go to SAP UI Theme Designer by launching tcode /n/ui5/theme_designer from the SAP GUI or open your favorite browser (Google Chrome is used in this guide) and launch <server>:<port>/sap/bc/theming/theme-designer/index.html?sap-client=XYZ. Log in if necessary.
- Select the SAP Blue Crystal theme and then click the Open button.
- On the right-hand menu, Expert mode.
- Change the values of the following theme parameters as below:
THEME PARAMETER VALUE sapBackgroundImage linear-gradient(to bottom,#b5cee4,#e7ecf0) sapBrandColor #b5cee4 sapUshellAnchorItemTextColor rgb(52, 97, 135) sapUshellGroupHeaderTitleColor rgb(52, 97, 135) sapUshellShellHeaderTitleColor rgb(52, 97, 135)
- Switch to CSS mode.
- Enter the following code:
As you can see, creating the SAP Belize theme in SAP UI Theme Designer is pretty straight forward once you know what to do. However, what took the most amount of time during the initial development of the theme was figuring out which CSS classes and styles to target, which was accomplished by using Google Chrome’s developer tools on the SAP Fiori launchpad and making changes to the DOM on-the-fly in order to see whether I had modified the correct class.
Sap Blue Crystal Theme Download Pc
Furthermore, the result almost indistinguishable from the SAP Belize theme in SAP Fiori 2.0. One major difference is that SAP Fiori 2.0 has additional functionality. Another difference is the layout of the header area: SAP Fiori 1.0 has the user avatar on the far right; SAP Fiori 1.0 has the user’s name; SAP Fiori 1.0 has the home button; SAP Fiori 2.0 has the notifications button; and SAP Fiori 2.0 has the title “Home”. (However, it is not recommended to change the layout of these screen elements.)