Tabsheet expand Tabs to full sheet width.

I have a TabSheet with 3 Entries, “Tab 1”, “Tab 2”, “Tab 3”
My content is much bigger than the 3 Tab Buttons, so the TabSheet is wider than the title with the 3 Buttons.

How can i make the buttons use the full with of the “content frame” of the tab ?
Currently they are all left aligned and have the width of the text.

It looks like this:


/ "Tab1" / "Tab 2" / "Tab 3" /
-----------------------------------------------------------------
<Content>
-----------------------------------------------------------------

If my explanation was unclear, some visuals:


/         "Tab1"     /        "Tab 2"       /         "Tab 3"    /
-----------------------------------------------------------------
<Content>
-----------------------------------------------------------------

thanks
serge

Try using CSS like this:

.v-tabsheet-spacertd {
  display: none;
}

.v-tabsheet-tabitem .v-caption {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
}

That won’t make them evenly spaced, though. If you want that, too, it gets a bit more tricky, since you need to know the exact number of tabs in advance. If you have 3 tabs, like in your example, you could add the following CSS:

.v-tabsheet-tabitemcell {
  width: 33% !important;
}