Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Unstyled tabs with Valo as base theme
I really like the Valo theme, but it appears that the tabsheet tabs somehow do not get Valo styling. Every other widget seems to be style properly, but tabsheet is rendered only as a list of tab names with the selected tab in blue with a blue underscore. There are no borders around the tabs whatsoever.
I have completely stripped out my custom CSS from my scss file leaving only the import, like so:
@import "../valo/valo.scss";
@mixin blacknblue {
@include valo;
}
... just to make certain I wasn't causing the problem, but it did not change the way the tabsheet is rendered.
I think that's the default look.
Have a look at the different styles here: https://demo.vaadin.com/valo-theme/#!tabs.
For example, the framed style is applied with:
tabSheet.addStyleName(ValoTheme.TABSHEET_FRAMED);
Thank you! I have been on that page before, but I never gave any weight to the fact that, by default, one checkbox was checked.