Je suis intéressé par GWT mais trouve les styles par défaut si moche. Je connais le CSS, mais je n'ai aucune idée sur la façon de modifier techniquement les styles de GWT. Un tutoriel sur ce serait génial.Y a-t-il de bons tutoriels sur la façon de modifier les styles Google GWT?
Here est un lien vers une introduction. Fondamentalement, vous pouvez appeler "setStyleName" sur votre widget GWT et lui donner le style CSS que vous voulez. Ensuite, vous pouvez faire le bidouillage avec des couleurs exactes ou quoi que ce soit dans le fichier CSS comme vous le feriez normalement.
Les versions récentes de GWT comprennent trois thèmes, Standard, Chrome et Dark. Si c'est ce que vous entendez par « les styles par défaut », vous pouvez le supprimer en vous assurant que votre définition de module ne comprend aucune de ces:
<inherits name='com.google.gwt.user.theme.standard.Standard'/>
<inherits name='com.google.gwt.user.theme.chrome.Chrome'/>
<inherits name='com.google.gwt.user.theme.dark.Dark'/>
Pour changer le style de votre application GWT, vous pouvez:
Choisissez entre les styles GWT par défaut comme mentionné par Isaac
Appliquer votre style sur des éléments spécifiques mentionnés par Peter
Ou, remplacer le style par défaut GWT:
Chaque widgets GWT a un nom de style par défaut associé qui suit généralement cette convention de nommage: .gwt-<className>.
Exemple:
.gwt-Label{
/* your css settings */
}
De cette façon, vous pouvez utiliser ce nom dans votre code CSS personnalisé de style toutes les étiquettes dans votre application. Vous pouvez vérifier le nom de style par défaut pour chaque widget dans GWT's Javadoc (Règles de style CSS).
Voici le tutoriel de Google pour applying styles in GWT.
J'ai plutôt tendance à utiliser setStylePrimaryName à la place, de cette façon tous les styles dérivés sont automatiquement mis à jour. GWT contient maintenant 3 exemples de feuilles de style que vous pouvez utiliser. Peut-être pourriez-vous jeter un coup d'œil à ceux-ci pour avoir une idée de leur fonctionnement? –