Comment dessiner un bouton GWT en forme de capsule?

Catégorie: widgets
Mots clés: bouton

Par défaut, les boutons d'une application GWT sont des rectangles standardisés (sans élément de style appliqué) .  Il est possible d'ajuster l'aspect visuel des boutons pour un look "brandé" en ajustant les paramètres de styles CSS3. L'article suivant explique comment ajuster les paramètres de style dans le but d'obtenir un bouton en forme de capsule.

Ce que nous désirons comme résultat:

L'image de gauche représente un bouton standard HTML, alors que le bouton de droite représente ce que nous désirons obtenir.


Ce que nous pouvons faire:

Il existe plusieurs paramètres CSS3 que nous pouvons ajuster pour obtenir des boutons-capsules.

Le suite suivant présente un bon 
simulateur de boutons avec les paramètres CSS3:
Truc: http://dryicons.com/demos/css3-linear-gradient-buttons-generator/

Comment implanter cette solution

Voir la classe RoundedButton dans le package common.ui

Retour à la table des matières