North

This component is a north region. The default class of CSS is specified "layout-region-north".

<borderlayout height="500px">
    <north size="50%" border="0">    
        <borderlayout>        
            <west size="25%" border="none" flex="true">            
                <div style="background:#B8D335">                
                    <label value="25%"                    
                        style="color:white;font-size:50px" />                        
                </div>                
            </west>            
            <center border="none" flex="true">            
                <div style="background:#E6D92C">                
                    <label value="25%"                    
                        style="color:white;font-size:50px" />                        
                </div>                
            </center>            
            <east size="50%" border="none" flex="true">            
                <label value="Here is a non-border"                
                    style="color:gray;font-size:30px" />                    
            </east>            
        </borderlayout>        
    </north>    
    <center border="0">    
        <borderlayout>        
            <west size="30%" flex="true" border="0">            
                <div style="background:#E6D92C">                
                    <label value="30%"                    
                        style="color:white;font-size:50px" />                        
                </div>                
            </west>            
            <center>            
                <label value="Here is a border"                
                    style="color:gray;font-size:30px" />                    
            </center>            
            <east size="30%" flex="true" border="0">            
                <div style="background:#B8D335">                
                    <label value="30%"                    
                        style="color:white;font-size:50px" />                        
                </div>                
            </east>            
        </borderlayout>        
    </center>    
</borderlayout

Class Name

org.zkoss.zkex.zul.North

Supported Child Components

*NONE

Supported Events

Name

Inherited From

OnOpen

org.zkoss.zk.ui.event.OpenEvent

Description: When a layout is collapsed or opened by a user, the onOpen event is sent to the application.

Properties

Property

Description

Data Type

Default Value

size

Sets the size of this region.

java.lang.String

null

Methods

Name

Description

Return Data Type

getPosition()

Returns Borderlayout.NORTH.

java.lang.String

setWidth(java.lang.String width)

The width can't be specified in this component because its width is determined by other region components (West or East).

void

Inherited From