Layout et hauteur des composants
Bonjour,
je suis en train de migrer une application gwt / gwtext vers JSF 2.0 avec RichFaces 4.3 et je rencontre actuellement un problème.
Sur la version GWT, j'avais l'habitude d'utiliser un complexLayout:
http://www.gwt-ext.com/demo/#complexLayout
dont la hauteur maximal était égales à la hauteur de la fenêtre du navigateur, la hauteur minimale était de 600 px.
Cependant avec le passage sous JSF / RichFaces je bloque un peu. Pour le moment j'ai le code suivant:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| <h:body>
<div id="page">
<div id="header">
<ui:include src="/templates/includes/menu.xhtml" />
</div>
<div id="page-content">
<div class="left-menu">
<ui:include src="/templates/includes/navigation.xhtml" />
</div>
<div class="content-container">
<ui:insert name="body" />
</div>
<div class="clear"></div>
</div>
<div id="footer">
<ui:include src="/templates/includes/statusBar.xhtml" />
</div>
</div>
</h:body> |
mais je bloque un peu.
D'après mes recherches, il n'y a pas de layout avec RichFaces / JSF et je dois donc faire du CSS + Javascript.
Mais comment faire pour ajouter un listener sur le div "page" afin de détecter le changement hauteur ?
Pour finir, j'ai pris RichFaces car recommandation mais j'ai vu que PrimeFaces avait plus de composant sauf erreur, l'intégration avec JSF 2.0 semble mieux. Donc dois-je voir pour mettre PrimeFraces ou essayer de faire une intégration des deux frameworks ?
Merci
Merci.