Discussion :

[djmalo]

Bonjour,

Voilà j'ai dans mon application un CellTree, mais je n'arrive pas à trouver comment le personnaliser.

Ainsi je voudrais par exemple réduire l'espace entre chaque cellule que je trouve trop grand.

Lorsqu'on sélectionne un élément dans l'arbre son background devient bleu, j'aimerai par exemple qu'il soit orange.

Je suppose qu'il faut passer par du CSS et ajouter un style du genre:

.gwt-CellTree-monStyle {
....
}

Problème: Quelle propriété dois-je definir dans le style ?

Je trouve la documentation de GWT très pauvre en matière de customisation des widgets.

Merci pour toute aide

[djmalo]

Bon j'ai trouvé la solution depuis.
Je trouve ça quand même assez galère :

1) J'ai copié le contenu du fichier CellTree.css qui se trouve dans le package com\google\gwt\user\cellview\client du gwt-user.jar dans mon propre fichier css (MyCellTree.css) et je l'ai personnalisé.

2) J'ai étendu l'interface CellTree.Resources en redéfinissant cellTreeStyle() pour utiliser mon css MyCellTree.css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
interface TreeResources extends CellTree.Resources {
	@Source({"MyCellTree.css"})
	CellTree.Style cellTreeStyle();
}

3) Ensuite il suffit d'indiquer au cellTree d'utiliser cette ressource:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
CellTree.Resources resource = GWT.create(TreeResources.class);
CellTree cellTree = new CellTree(new MyTreeModel(),null, resource);

[Raphaël Brugier]

Je pense que tu as trouvé la bonne façons de faire, c'est celle que j'ai utilisé aussi.

Je reconnais que ça ne parait pas évident et un peu compliqué, mais c'est dû au mécanisme de compilation de gwt qui va optimiser les Styles css.

[Florent23]

si tu as réussi à personnaliser le fichier CSS comme tu voulais, tu as donc trouvé la bonne propriété CSS à modifier, aussi tu ne pouvais pas faire un addStyleName pour ajouter ton propre style CSS?

[djmalo]

si tu as réussi à personnaliser le fichier CSS comme tu voulais, tu as donc trouvé la bonne propriété CSS à modifier, aussi tu ne pouvais pas faire un addStyleName pour ajouter ton propre style CSS?

J'avais essayé, mais c'était toujours écrasée par les styles définis dans la resource par défaut associée aux CellTree (CellTree.BasicResources)