Discussion :

[mesken]

Bonsoir,

S'il vous plait, j'ai du mal à positionner des compositions sur mes pages ou à y insérer des espacements.

1) Par exemple si j'ai un <h:panelGrid>, je n'arrive pas à positionner ce panelGrid à droite ou à gauche ou le centrer.

2) S'il a 2 ou 3 colonnes, et si les composants dans la première colonne sont très proches de ceux dans la 2e colonne, je n'arrive pas à placer celui de la 2e colonne au coin droit de sa cellule

3) Si j'ai par exemple 5 composants qui sont : 4 zones de texte et un bouton et que je veuille les positionner de telle sorte que les 4 zones de texte soient alignés verticalement de haut vers le bas à gauche et le bouton à droite de ces zones de texte et au milieu. Je n'arrive pas à le faire puisque si je définis deux colonnes, automatiquement les zones de texte vont se positionner à gauche et à droite par ordre d'insertion créant 2 lignes et le bouton se retrouvera en seul bas à droite

Merci de votre aide.

[mr1azl]

Si tu utilises RichFaces tu peux voir

Code :

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

 <rich:spacer

sinon tu peux utiliser l'attribut

Code :

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

cellspacing

de

Code :

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

h:panelGrid

[mesken]

OK, merci beaucoup. J'utilise PrimeFaces.

Et quand est-il du positionnement de la question 3 ?
Lorsque j'ai par exemple des composants sur deux 3 lignes et 3 colonnes et que je veuille mettre un bouton à droite de tous ces composants et au milieu, je n'arrive pas. Je me sens obligé d'utilisé les Tableaux, parce que avec les tableaux, je créerai un tableau de 3 ligne et 4 colonnes, je mettrais les composants (zones de texte) sur les 3 lignes des trois premières colonnes et je fusionnerais la dernière colonne qui est vide et j'y mettrais mon bouton au centre. Mais avec les panelGrid.... pas possible.
Ou alors il faut utilisé les div

Merci

[clubist]

Pour la question 3 c'est simple il suffit de :

Créer un panelgrid avec un nombre de colonnes 2
dans la première colonne on ajoute un deuxième panelGrid dans le quel on mets les 4 zones de texte et dans la deuxième colonne de pannelGrid père on mets le bouton

c'est le code pour éclaircir les choses :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
<center>		
<h:form>
 
<h:panelGrid columns="2">
 
<h:panelGrid columns="1">
<h:inputText value="text1"/>
<h:inputText value="text2"/>
<h:inputText value="text3"/>
<h:inputText value="text4"/>
</h:panelGrid>
 
<h:commandButton action="index.xhtml"  value="mesken"  />
</h:panelGrid>				 
 
</h:form>
</center>

c'est le résultat de code en fichier jointe (fichier image).

bonne chance.

[mesken]

Merci beaucoup clubist.