Skip to Content
Author's profile photo Saranya Sampath

Applying Custom theme to UI5 Application

Normally SAP UI5 application has default themes blue_crystal and gold_reflection themes.But If want to apply different theme, You can create one theming file and directly can apply the same to App. This will reduce lot of time and effort spending in css to achieve the same.

The steps to apply custom theme follows

 

  1. Create folder resources into WebContent folder
  2. Custom theme file will have the following structure

11.PNG

3.     We need to upload the content of UI5 subfolder into resources

12.PNG

4.Create one folder called resources into your webContent folder. and copy above files into it.Structure will look like the below screen

/wp-content/uploads/2015/10/13_813888.png

5. Change the theme name from sap_bluecrystal to CustomTheme in index.html

<script src=“resources/sap-ui-core.js”

                        id=“sap-ui-bootstrap”

                        data-sap-ui-libs=“sap.m”

                        data-sap-ui-theme=“CustomTheme”

                        data-sap-ui-xx-bindingSyntax=“complex”

                        data-sap-ui-resourceroots=‘{

                        “util” : “./util”

                 }’>

          </script>

 

 

Assigned tags

      Be the first to leave a comment
      You must be Logged on to comment or reply to a post.