2010-02-02 11 views
7

Burada alt textnewbie JSF sorusu - Bu düzen nasıl elde edilir?

panellerin her biri daha sonra içeriğe göre differrent bileşenleri katacak olan bir yedekleme fasulye bağlanması gerekir gösterilen düzeni sağlamak için çalışıyorum.

Panelgrid kullanmayı denedim, ancak bu görünüme ulaşamadı. Bunun için sadece JSF kullanmayı tercih ediyorum ama eğer imkansız veya çok karmaşık RichFaces de sorun değil.

Teşekkürler!

cevap

11

Sadece JSF/HTML sorunu değil, aynı zamanda CSS meselesi. aşağıdaki gibi yukarıdaki düzen temelde zaten elde edilebilir:

Sen stil/pozisyon o kadar gibi CSS kullanarak yapabilirsiniz

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

(Aşağıdaki HTML oluşturan)

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

:

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

Bu kadar.

+0

Bir şey değil. Ancak, üç ayrı boş bölümden biraz daha ileri gitmek istediğinizde daha fazla resim gelir. Örneğin. backgound renkleri, kenarlıklar vb. Ama bu en azından başlaman lazım :) – BalusC

1

Yukarıdaki düzeni gerçekleştirdiğiniz HTML kodunu kullanabilirsiniz. Yani yani <div> etiketler kullanılarak -

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

Ancak, tablo daha az düzenleri tercih edilir. (see here)

+0

Teşekkürler, div + panel grubu çözümünü almadım. En az bir örnek verebilir misiniz, yoksa bana bir bağlantıya yönlendirir misiniz? – Ben

+0

, JSF değil, HTML + CSS konusudur. Basit düzenler için JSF'yi hiç kullanmayın. Yerleşimin koşullu kısımları varsa - yani bazen görünen bir kenar çubuğu, o zaman bu başka bir soru. Ancak düzeniniz basit görünüyor, bu yüzden saf HTML + CSS – Bozho

+0

ile tamamlayın. Teşekkürler. Bir soru daha var - Tablo düzeni neden tercih edilir? – Ben