नौसिखिया जेएसएफ प्रश्न - इस लेआउट को कैसे प्राप्त करें?

Question

मैं लेआउट यहाँ

दिखाया पैनलों में से प्रत्येक मैं बाद में संदर्भ के अनुसार differrent घटकों जोड़ना होगा जिसमें से एक समर्थन सेम से जोड़ा जाना चाहिए प्राप्त करने के लिए कोशिश कर रहा हूँ।

मैंने पैनलग्रिड का उपयोग करने की कोशिश की लेकिन यह देखने को प्राप्त नहीं कर सका। मैं इसके लिए सिर्फ जेएसएफ का उपयोग करना पसंद करूंगा लेकिन अगर असंभव या बहुत जटिल रिचफेस भी ठीक है।

धन्यवाद !!

Answer 1

यह जेएसएफ/एचटीएमएल का मामला नहीं है, बल्कि यह सीएसएस का मामला भी है। ऊपर लेआउट मूल रूप से पहले से ही इस प्रकार प्राप्त किया जा सकता:

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

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

(जो निम्न HTML उत्पन्न करता है) आप शैली/स्थिति यह के रूप में की तरह सीएसएस का उपयोग कर सकते हैं:

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

बस इतना ही।

Answer 2

आप HTML कोड का उपयोग कर सकते हैं जिसके साथ आपने उपरोक्त लेआउट प्राप्त किया है। अर्थात।

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

हालांकि, टेबल-कम लेआउट पसंद किया जाता है - यानी <div> टैग का उपयोग। (see here)