Вопрос новичка JSF - Как добиться этого макета?

Question

Я пытаюсь добиться макета, показанного здесь

Каждая из панелей должна быть связана с компонентом поддержки, из которого я позже добавлю различные компоненты в соответствии с контекстом.

Я пытался использовать panelgrid, но не смог добиться этого. Я бы предпочел использовать только JSF для этого, но если это невозможно или слишком сложно, RichFaces тоже подойдет.

Спасибо !!

Answer 1

Дело не только в JSF / HTML, но и в CSS. Вышеуказанная схема в принципе уже может быть достигнута следующим образом:

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

(который генерирует следующий HTML)

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

Вы можете стилизовать / позиционировать его с помощью CSS, например:

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

Вот и все.

Answer 2

Вы можете использовать HTML-код, с которым вы достигли вышеуказанного макета. * 1001 Т.е. *

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

Однако предпочтительны макеты без таблиц, т. Е. С использованием тегов <div>. ( см. Здесь )