Change icon tab background color

[Former Member]

Hello UI Experts,

I need a small help in solving an issue. I have implemented an IconTabBar in a SAPUI5 application with XML views.

I need to change the background color of the area which shows the data content inside the tab.

I debuged and found that the property background-color is responsible for it. When I un-check the property in debug mode I am getting the desired result.

Please find below image

As you can see from the above image that in the top portion the background color is white(background-color checked) where as in the below part the background color is blue(desired result background-color unchecked).

How can I achieve this.

Thanks

[Private_Member_15166 · Accepted solution]

When you will add content to your IconTabBar , that portion will be white.

See this demo.SAPUI5 Explored

You can change that color using same CSS properties as you have described.

[Former Member]

Folks I figured it out. There is a property(backgroundDesign) in the icon tab bar which will change the background.

Thanx

[santhu_gowdaz]

Not only for this IconTabBar. you can add this property for some other controller also, example sap.m.page, etc..

and these are the standard color you can give,

SAPUI5 Explored