Layouts provide the placeholders (table structure) for a page in which books, pages, and portlets can be placed. For example, a layout that uses three table cells provides three placeholders in which portlets can be placed on a page.
The WebLogic Workshop Portal Extensions provide the following three layout styles you can use to create your own layouts:
|
![]() |
|
Grid Layout |
Flow Layout The flow layout automatically positions the number of placeholders used either vertically or horizontally with no wrapping. |
Border Layout The border layout lets you use up to five placeholders. You can position the placeholders with the attributes "north," "south," "east," "west," and "center." |
For the purposes of creating layouts, a layout includes two files:
There are also skeleton JSPs that are used to render each style of layout: gridlayout.jsp, flowlayout.jsp, and borderlayout.jsp. Since these skeleton files govern the behavior of each style, you do not have to modify the skeletons.
The following topics provide instructions on creating a layout, including specific instructions for creating each type of layout.
Grid Layout attributes | columns - Determines the number of columns
in the layout. The number of rows are determined automatically. Do not
use the "rows" attribute if you use the "columns"
attribute. rows - Determines the number of rows in the layout. The number of columns is determined automatically. Do not use the "columns" attribute if you use the "rows" attribute. |
Flow Layout attributes | orientation - Enter "vertical" or "horizontal" to determine the direction in which the placeholders are positioned. |
Border Layout attributes | layoutStrategy - Enter "order" or "title".
If you enter "order," the placeholders are ordered according to the value you put in the <netuix:placeholder> tag (covered in the following steps). For example: <netuix:placeholder>North</netuix:placeholder> makes the placeholder the north placeholder. If you enter "title," the placeholders are ordered according to the <netuix:placeholder> "title" attribute value. For example: <netuix:placeholder title="south" ...></netuix:placeholder> makes the placeholder the south placeholder. |
The WebLogic Workshop Portal Extensions have sample portals that contain layouts you can view in WebLogic Workshop Platform Edition. For instructions on viewing the sample portals, see Portal Samples. In particular, the Tutorial Portal provides sample implementations of each layout style.
Also, when you create a Portal Web Project, a predefined set of layouts is added to your project in <project>\framework\markup\layout.
The Portal User Interface Framework
Adding Books and Pages to a Portal
Changing the Header and Footer