Implementing CSS in SAPUI5 Application

SAPUI5, OpenUI5, Mobility,SAP Enterprise Portal

Suppose this is a simple example of a Button element. <script> var button = new sap.ui.commons.Button(“buttonId”,{ text: “Press Me!!!”, helpId: “Press Me”, press: function(){ alert(“Button has been pressed.”) } }); button.placeAt(“content”); </script> </head> <body class=“sapUiBody” role=“application”> <div id=“content”></div> </body> Method 1:- 1. Give an ID to your UI element like in this example I have […]

Continue reading


SAP Fiori – Consume OData Service, CSS, i18n properties in UI5 Application

SAP Fiori, SAP UI5 Application, OData Service, CSS

SAP UI5 Application project Structure: Our SAP UI5 application’s project structure is as follows: Apply custom CSS Styles in SAP UI5 application: We can apply custom CSS styles in SAP-UI5 application For this we need to maintain “Styles.css” under ‘WebContent’ folder as shown below: Styles.css: for example lets create a custom style for button. /* […]

Continue reading