domanda JSF per principianti - Come ottenere questo layout?

Question

sto cercando di realizzare la disposizione mostrata qui

Ciascuno dei pannelli devono essere collegati a un backing bean da cui vi successivamente aggiungere componenti differrent a seconda del contesto.

Ho provato ad utilizzare panelgrid ma non riusciva a ottenere questo look. Io preferirei usare solo JSF per questo, ma se RichFaces impossibili o troppo complicati è ok troppo.

Grazie !!

Answer 1

Non è solo questione di JSF/HTML, ma è anche una questione di CSS. La disposizione di cui sopra può sostanzialmente già essere raggiunto come segue:

<h:panelGroup id="header" layout="block"></h:panelGroup> 
<h:panelGroup id="leftcol" layout="block"></h:panelGroup> 
<h:panelGroup id="rightcol" layout="block"></h:panelGroup> 

(che genera il seguente codice HTML)

<div id="header"></div> 
<div id="leftcol"></div> 
<div id="rightcol"></div> 

È possibile stile/posizione usando i CSS come come:

#header { 
    width: 100%; 
    height: 100px; 
} 
#leftcol { 
    width: 200px; 
    float: left; 
} 
#rightcol { 
    float: left; 
} 

È tutto.

Answer 2

È possibile utilizzare il codice HTML con il quale si è raggiunto il layout di cui sopra. Cioè

<table> 
    <tr>..</tr> 
    <tr>..</tr> 
</table> 

Tuttavia, la tabella layout meno sono preferiti - cioè utilizzando <div> tag. (see here)