Couleur de fond de l'étiquette gwt

Question

J'ai besoin de mettre en place un arrière-plan dans une étiquette, et aussi, probablement juste remplir la moitié de celle-ci avec une couleur et l'autre moitié avec une autre. Quelle est la meilleure façon d'y parvenir ? En utilisant les CSS ? Ou existe-t-il un autre moyen plus simple ?

Merci d'avance

Answer 1

C'est à cela que servent les CSS.

Label label = new Label("your text");
label.setStyleName("myStyle");

Et dans votre fichier .css :

.myStyle {
  background-color: #f00;
}

Ou si vous utilisez UIBinder :

<ui:style>
  .myStyle {
    background-color: #f00;
  }
</ui:style>
<g:HTMLPanel>
  <g:Label styleName="{style.myStyle}">Your text</g:Label>
</g:HTMLPanel>

L'avantage de l'approche UIBinder est que votre style se trouve dans le même fichier que l'étiquette et que le nom CSS sera également masqué.