Background color for Tab
Application Type
Reactive

Hi,

How to change background color of tabs in tabs Widget ?

Thanks

Hi Vishal Gangwal.

you can use this css for change background color of tabs in tabs Widget 

.tabs-header-tab.active {  

 background-color: aqua;

}



Demo test link : https://personal-x1ixzlcz.outsystemscloud.com/Tabs/Tabs?_ts=637936628865909773

hope it help you .

Regards,

Kundan Chauhan


Hi,

I want to change Background color for full Tabs header, same color for all the tabs. Not for single tab. 

Thanks

Solution

This will work for all tabs content background same color




and for tabs use this

Complete CSS Code

.tabs-content{   

 background-color: aqua;

}

.tabs-header-tab{ 

   background-color: red;

}


You can apply Css according to your requirement now. 

like if you want to change font color, margin, padding, border etc. 

Thanks


Hello

Would you like to change the color of of the Content place holder,

If yes then just simply drag and drop the container and change its background color,

if you are looking for something else can you please be more specific and explain ?

Thanks

Hi,

Background color for full Tabs header, for all the tabs.

Thanks 

Solution

This will work for all tabs content background same color




and for tabs use this

Complete CSS Code

.tabs-content{   

 background-color: aqua;

}

.tabs-header-tab{ 

   background-color: red;

}


You can apply Css according to your requirement now. 

like if you want to change font color, margin, padding, border etc. 

Thanks


Thank You. Can we set same background color for all tabs header as well ?

Thanks


Sure You can do that 
just by this 


.tabs {

    background-color: bisque;

}



Hi Vishal Gangwal.

you can use this css for change background color of tabs in tabs Widget 

.tabs-header-tab.active {  

 background-color: aqua;

}



Demo test link : https://personal-x1ixzlcz.outsystemscloud.com/Tabs/Tabs?_ts=637936628865909773

hope it help you .

Regards,

Kundan Chauhan


Hi,

I want to change Background color for full Tabs header, same color for all the tabs. Not for single tab. 

Thanks

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.