<![CDATA[
<s:event b:on="construct" b:action="show" b:target="/body"/>
<!-- This is an application layout, that is scalable with the font size. The two top rows are fixed and will not scale with the font size. All other panels
are scalable and flexible. If you resize the browser window and enlarge the font size while your viewing this page you can see the effect.
The font sizes are specified because this panel layout depends on the font size to size the panels. To create a consistent font size across all
browsers, the style declarations are used. -->
<style type="text/css" b:browser="ie5 ie55 ie6">
body h1 {
line-height: 130%;
}
</style>
<div>
<b:panelset b:rows="24px 25px * 1.4em" b:singular="loose">
<b:panel style="background-color: #aaffaa" id="menu">
<p>MENUBAR</p>
</b:panel>
<b:panel style="background-color: #aaaaff" id="buttons">
<table>
<tbody>
<tr>
<td>BUTTONBAR</td>
</tr>
</tbody>
</table>
</b:panel>
<b:panelset b:cols="20em 20em *" class="b-panel" b:singular="loose">
<b:panel style="background-color: #ffaaff" id="left-nav">
<h1>LEFT NAVIGATION</h1>
</b:panel>
<b:panel style="background-color: #ffaaaa" id="sub-nav">
<h2>SUB NAVIGATION</h2>
</b:panel>
<b:panel style="background-color: #ffffaa" id="content">
<h3>CONTENT</h3>
</b:panel>
</b:panelset>
<b:panel style="background-color: #aaffff" id="statusbar">
STATUSBAR
</b:panel>
</b:panelset>
</div>
]]>