Vaadin TabSheet taille de l'onglet

Question

J'ai une tabsheet Vaadin et j'ai créé 4 onglets, mais je veux que tous ces 4 onglets se propagent sur toute la largeur de mon tableur. Actuellement, ils couvrent seulement environ 50% de la largeur.

J'ai essayé setSizeFull(), setWidth ("100%") sur l'objet onglet ainsi que l'objet tabsheet et cela n'aide pas.

S'il vous plaît laissez-moi savoir si quelqu'un a une idée de comment le faire.

grâce Dheeraj

Answer 1

Pour une méthode très brute, brute, vous pouvez essayer ce qui suit:

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

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

Notez, cependant, que cela pourrait casser quelque chose dans certains navigateurs, en particulier dans les plus IE de, alors assurez-vous de bien tester.

Oh, et c'est CSS que vous devez inclure dans un thème personnalisé, si ce n'était pas évident à partir de l'extrait ci-dessus :)