vaadin - Vaadin TabSheet のタブサイズ

Question

Vaadin TabSheet があり、4 つのタブを作成しましたが、これら 4 つのタブをすべて Tabsheet の幅全体に広げる必要があります。現在、幅の約 50% しかありません。

tab オブジェクトと tabsheet オブジェクトで setSizeFull(), setWidth("100%") を試しましたが、役に立ちません。

どなたかやり方をご存知の方がいらっしゃいましたら教えてください。

ありがとうディーラジ

score 4 · Accepted Answer

非常に大雑把で野蛮な方法として、次のことを試すことができます。

.v-tabsheet-tabitemcell {
    width: 25%;
}

.v-tabsheet-tabitem .v-caption {
    width: auto !important;
}

ただし、一部のブラウザ、特に古い IE では、これにより何かが壊れる可能性があることに注意してください。そのため、徹底的にテストしてください。

ああ、それが上記のスニペットから明らかでない場合は、カスタムテーマに含める必要がある CSS です :)

vaadin - Vaadin TabSheet のタブ サイズ