Placement de panels

Salut tout le monde,

j'essaye de placer correctement mes panels mais j'ai du mal...
Voilà ce que je souhaiterai faire :
http://img4.hostingpics.net/pics/660487panel.png

Actuellement chaque panel (interne) prend une ligne et toute la largeur du panel "parent". J'ai essayé de jouer avec la propriété float en css mais les panels "fils" sortent du panel "parent".

Code:

---

1 2 3 4 5 6 7

<p:panel> <h2>Panels</h2> <p:panel header="Panel 1" widgetVar="panel1" closable="true"> sdgsdfsd </p:panel> <p:panel header="Panel 2" widgetVar="panel2" closable="true"> sdgsdfsd </p:panel> <p:panel header="Panel 3" widgetVar="panel3" closable="true"> sdgsdfsd </p:panel> <p:panel header="Panel 4" widgetVar="panel4" closable="true"> sdgsdfsd </p:panel> </p:panel>

---

Comment puis-je faire ?

Merci par avance :ccool:

en utilisant la notion des tableaux et au niveau duquel tu déclares tes panels

il faut créer un tableau (HTML) avec deux colonnes et mettre un panel par colonne ? 8O

C'est la seule solution ?

Alors deux questions?

C'est quoi p: ?

L'objet panel n'a pas d attribut columns ?

non c'est pas la seule solution mais je vois que c'est une solution beaucoup plus simple! et tu peux utilisé d'autre tableau genre de rich faces ...

Citation:

---

Envoyé par Heimdal

Alors deux questions?

C'est quoi p: ?

L'objet panel n'a pas d attribut columns ?

---

Bonjour

p est un prefix d'un taglib (exemple primefaces)
panel n'a pas d'attribut colunm pour plus d'info tu peux regarder ici :
http://www.primefaces.org/showcase/ui/panel.jsf

Citation:

---

Envoyé par ahmedpa

non c'est pas la seule solution mais je vois que c'est une solution beaucoup plus simple! et tu peux utilisé d'autre tableau genre de rich faces ...

---

Un tableau richfaces me rajouterai un élément graphique je suppose et ce n'est pas ce que je souhaite donc je vais tester avec un tableau HTML...

Si quelqu'un à une autre solution, je serai curieux de la lire quand même ;)

ok essaye avec le Html et regarde ce que ça donne et si il y a un problème n’hésite pas :) bonne courage

J'ai utilisé la balise <TABLE> pour réaliser ce que je souhaite. Actuellement, j'ai bien mes deux colonnes mais il n'y a pas d'espace entre mes panels. Comment puis-je les écarter ?

En HTML, j'ai réussi à faire quelque chose avec la propriété Cellpadding mais elle n'est pas présente avec la balise <TABLE>.

l'espace tu peux le mettre en laissons une partie vide dans le tableau en utilisant les td par exemple

Code:

---

1 2 3 4 5 6 7 8 9

<table> <tr> <td>tu met ton premier panel</td> <td></td> <td>tu met ton deuxieme panel</td>     </tr>

---

essaye comme ça ;)

il faut mieux utiliser des composants jsf que d'utiliser des simples balise HTML
je crois que tu trouvera ce que tu aura besoin avec le composant panelGrid après la maintenance sera plus facile :ccool:

Citation:

---

Envoyé par ahmedpa

l'espace tu peux le mettre en laissons une partie vide dans le tableau en utilisant les td par exemple

Code:

---

1 2 3 4 5 6 7 8 9

<table> <tr> <td>tu met ton premier panel</td> <td></td> <td>tu met ton deuxieme panel</td>     </tr>

---

essaye comme ça ;)

---

ça sera pareil , on ne peux avoir de l'éspace entre les deux colonnes du tableau avec cet exemple que :
1- on fixant le width du td au milieu
2- utiliser les propriété CSS

mais il faut mieux utiliser les composant prime comme marquer au dessus comme ça si tu aura des autres modifications ça serais plus facile ;)

oouii peut être !