SQL Server administration and T-SQL development, Web Programming with ASP.NET, HTML5 and Javascript, Windows Phone 8 app development, SAP Smartforms and ABAP Programming, Windows 7, Visual Studio and MS Office software
Development resources, articles, tutorials, code samples, tools and downloads for SAP HANA and ABAP, HANA Database, SQLScript, SAP UI5, Screen Personas, Web Dynpro, Workflow

SAP UI5 Themes List

SAP UI5 developers can use different themes to change the color and visible atributes of their web applications. SAP provides pre-installed themes for developers to use in their SAP UI5 application web pages. In this SAP UI5 tutorial, I listed 6 themes which can be customized by changing the data-sap-ui-theme attribute of sap-ui-bootstrap script object defined with bootstrap script tag.

Developers can find the themes provided by SAPUI5 under folders in "/resource/sap/ui/" folder

Here is the available list of themes that SAP UI5 developers can use on their applications:
base
sap_hcb
sap_ux
sap_platinum
sap_bluecrystal
sap_goldreflection

SAP UI 5 developers can replace the below script where the theme for HTML5 sap-ui-bootstrap object data-sap-ui-theme attribute is set with one of the theme names listed above.

<script src="/sap/ui5/1/resources/sap-ui-core.js" id="sap-ui-bootstrap"
  data-sap-ui-libs="sap.ui.commons, sap.ui.table,sap.ui.ux3"
  data-sap-ui-theme="sap_goldreflection">
</script>
Code

Here is a simple view of HTML5 display of the simple SAP HANA application with one data table for different SAP UI5 themes. I prepared the table list using SAP HANA Web-based Development Workbench perslist personel list tutorial

SAP UI5 theme base
"base" theme

SAP UI5 theme sap_hcb
"sap_hcb" theme

SAP UI5 theme sap_ux
"sap_ux" theme

SAP UI5 theme sap_platinum
"sap_platinum" theme

SAP UI5 theme sap_bluecrystal
"sap_bluecrystal" theme

SAP UI5 theme sap_goldreflection
"sap_goldreflection" theme



SAP HANA and ABAP

Install SAP Free
CRM Companies List
Web Based CRM Software


Copyright © 2004 - 2021 Eralper YILMAZ. All rights reserved.