| A border layout lays out a container, arranging and resizing its components
to fit in five regions: north, south, east, west, and center. Each region may
contain no more than one component, and is identified by a corresponding
constant: NORTH, SOUTH, EAST,
WEST, and CENTER. When adding a component to
a container with a border layout, use one of these five constants, for
example:
<borderlayout>
<north margins="1,5,1,1" size="20%" splittable="true" collapsible="true" minsize="100" maxsize="400">
<div>
North
</div>
</north>
<west size="25%" splittable="true" autoscroll="true">
<div>
West
</div>
</west>
<center flex="true">
<div>
Center
</div>
</center>
<east size="25%" collapsible="true" onOpen='alert(self.id + " is open :" +event.open)'>
<div>
East
</div>
</east>
<south size="50%" splittable="true">
<div>
south
</div>
</south>
</borderlayout>
The default class of CSS is specified "layout-container".
author:
jumperchen
since:
3.0.0 |
