Discussion :

[Tavarez59]

Bonjour,

Je rencontre quelques soucis pour customiser les styles d'un stackcontainer et de ses éléments fils (contentPane ici). J'ai essayé pas mal de chose mais je ne parviens pas à modifier les propriétés des contentPane dans une classe CSS. Par exemple j'ai le container d'id #container de type stackContainer qui contient plusieurs contentPane, je fais donc:

Code :

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

1
2
3
4
5
#container div
{
width: 300px;
height: 300px;
}

mais ce sont les styles par défaut qui sont gardés. J'ai également essayé en utilisant directement l'attribut id utilisé par dojo, ça ne change rien aux styles. Exemple:

Code :

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

#dijit_layout_ContentPane_0

C'est qu'il y a un problème quelque part ou bien je m'y prend mal, je ne sais pas. Je n'arrive pas à trouver d'exemples de customisation sur le net.

Auriez-vous une idée?

Merci

[emmanuel.remy]

Salut,

Je ne comprends pas bien: le stackContainer indique la taille à utiliser pour les contentPane enfants avec un simple style du type:

Code :

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

1
2
3
 
<div id="#container" dojoType="dijit.layout.StackContainer"
      style="width: 90%; border: 1px solid #9b9b9b; height: 20em; margin: 0.5em 0 0.5em 0; padding: 0.5em;">

Pourquoi veux tu modifier la taille des contentPane qui le composeraient (on n'est pas obligé d'avoir des contentPane, on peut avoir de simples paragraphes) ?

Et comme les éléments dans le stackContainer sont des enfants du container, je crois qu'ils sont dépendants de lui (le container est mis en overflow:hidden...

ERE

[Tavarez59]

Oui en fait j'ai remarqué que le problème se présentait seulement sur la taille, lorsque je joue sur les positionnement ça fonctionne. Si je veux modifier ces attributs c'est pour ne pas surcharger la couche présentation avec des informations de mise en page. Je voudrai que le CSS soit dans un fichier à part du html.

Merci.

[emmanuel.remy]

Re,
Dojo recalcule lui-même les dimensions... donc si tu veux imposer les tiennes mets les important:

Code :

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

width:320px !important

ERE