Change Color of one Specific Tab Title

Vaadin 6 / 7 / 8 Framework UI
1

I have not found any way to set a style to a specific Tabs name. Is it possible in any way?

I want a specific tabname to always be red.

I hope that I have missed something obvious, and in the same time not…

/Jonas

2

As far as I know, this is not possible (yet). Only the selected (active) tab is distinguished among the others, but that’s not useful in your case.

3

Ok, too bad. But thanks for the answer anyway!

/Jonas

4

This is an obvious oversight on our part, sorry. A useful feature.

Adding an enhancement ticket to our Trac is the best way forward:
Trac

5

Hi

Well, has something happened here?


.v-tabsheet-tabitemcell-italic {
	font-style: italic;
}

works fine, but (e.g.)


.v-tabsheet-tabitemcell-reditalic {
	font-style: italic;
        color: red;
}

doesn’t.

Cheers,
Sascha

6

Most likely your CSS selector doesn’t have enough specificity to override the normal theme, or the color of the tab caption is set for an inner element. Use Firebug/Web Inspector/Developer Tools to see where the color is specified or what overrides your selector.