Tabbar with different color

Suite and Optimus Suite 5
#1

Hi,

i ve got a tabbar with 8 tabs and i want to have 4 of them in a different color.

Can anyone show me an example how to implement this?

#2

There is no way to attach a css class for the tab, but you can style them inderectly, based on their order

<style> .dhxtabbar_tab:nth-child(2) .dhxtabbar_tab_text{ background-color:red !important; color:white !important; } </style>

Check snippet.dhtmlx.com/7999d479c

#3

thanks, this works.

But it works also for the sub_tabbars. How can i have ths css for only the upper level?

#4

One more style can resolve this issue

.dhx_cell_tabbar .dhxtabbar_tab .dhxtabbar_tab_text{ background-color:white !important; color:#444 !important; }

snippet.dhtmlx.com/83366caf7

#5

thanks :slight_smile:

#6

is this also possible for a special type of element (i.e. defined by it’s tabbar-name and tab-id)?

more better would be to change color of a tab by its visible text :slight_smile:

#7

There is no way to attach a css class for the tab, but you can style them inderectly, based on their order

<style> .dhxtabbar_tab:nth-child(2) .dhxtabbar_tab_text{ background-color:red !important; color:white !important; } </style>