Creating and adding custom css files in UI5 application

[surendra_pamidi]

I am creating custom css file for an application which is containing table in overlay container.

You can check the css properties of table by inspecting element. For that just right- click on that particular control where you want to change css.

After that, click on "inspect element".

You can check the "div"  which you clicked on left-side.

On other side, you can find "styles" tab of that particular div.

For changing the color of table header,add background property to that class as below.

.sapUiTableColHdrScr {

background:aqua;

}

Add this css property in new css file.

Like this you can change any css property for any control and add that all required css properties in new css file.

You can include that new css file by using below code in your javascript.

"jQuery.sap.includeStyleSheet(css file url,id);"

Here 'id' is any general id that you give for any element.

And the final output is