Components: borderlayout, north, south, center,west,east

The layout component is a nested component. The parent component is borderlayout, and its children components include north, south, center, west, and east. The combination of children components of borderlayout is free. For example, if you want to divide the area into three regions (veritically), you could try the following combination,

<borderlayout height="500px">
    <east>    
         The East        
    </east>    
    <center>    
        The Center        
    </center>    
    <west>    
        The West        
    </west>    
</borderlayout>

or, you could divide the area into three regions(horizontally) as follows,

<borderlayour height="500px">
    <north>    
        The North        
    </north>    
    <center>    
        The Center        
    </center>    
    <south>    
        The South        
    </south>    
</borderlayour>

And you could embed any kind of ZK components into each of these regions according to your requirement.