This documentation is for an older version of ZK. For the latest documentation please
click here.
This documentation is for an older version of ZK. For the latest documentation please
click here.
Borderlayout is composed of five children: North, South, East, West, and Center
Source:
Structure:
Events:
|
Action: |
Normal (Open) |
Hover |
Click, Select, and Drag. |
Focus |
Focus and Hover |
Disable |
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V | |||||
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V |
V |
CSS Specification:
|
Class Name |
Description |
Default Values |
|
|
Background and color |
width:100%; height:100%; overflow:hidden; background-color:#CDE6F5; border:0 none; position: relative; visibility: hidden; |
|
.z-border-layout-tool |
Background of tool icons |
overflow: hidden; width: 15px; height: 15px; float: right; cursor: pointer; background: transparent url(${c:encodeURL('~./zul/img/panel/tool-btn.gif')}) no-repeat; margin-left: 2px; |
Structure:
Events:
|
Action: |
Normal (Open) |
Hover |
Click, Select, and Drag. |
Focus |
Focus and Hover |
Disable |
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V | |||||
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V |
V |
CSS Specification:
|
Class Name |
Description |
Default Values |
|
|
Border and background |
border:1px solid #B1CBD5; position:absolute; overflow:hidden; background-color:white; |
|
.z-north-header |
Background of header |
overflow: hidden; zoom: 1; color: #15428b; font: normal 11px tahoma, arial, verdana, sans-serif; padding: 5px 3px 4px 5px; border-bottom: 1px solid #B1CBD5; line-height: 15px; background:transparent url(${c:encodeURL('~./zul/img/panel/panel-tb.png')}) repeat-x 0 -1px; white-space: nowrap;font-weight:bold; |
|
.z-north-noborder |
No border |
border:0 none; |
|
.z-north-split |
Background of splitter |
position: absolute; height: 6px; width: 6px; line-height: 1px; font-size: 1px; z-index: 12; background-color: #C4DCFB; background-image:url("${c:encodeURL('~./zul/img/splt/splt-v.png')}"); background-position: top; cursor: s-resize; cursor: row-resize; |
|
.z-north-collapsed |
Background of collapsed north |
position: absolute; background-color: #E1F1FB; width: 20px; height: 20px; border: 1px solid #98C0F4; z-index:20; overflow: hidden; |
Structure:
Events:
|
Action: |
Normal (Open) |
Hover |
Click, Select, and Drag. |
Focus |
Focus and Hover |
Disable |
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V | |||||
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V |
V |
CSS Specification:
|
Class Name |
Description |
Default Values |
|
|
Border and background |
border:1px solid #B1CBD5; position:absolute; overflow:hidden; background-color:white; |
|
.z-south-header |
Background of header |
overflow: hidden; zoom: 1; color: #15428b; font: normal 11px tahoma, arial, verdana, sans-serif; padding: 5px 3px 4px 5px; border-bottom: 1px solid #B1CBD5; line-height: 15px; background:transparent url(${c:encodeURL('~./zul/img/panel/panel-tb.png')}) repeat-x 0 -1px; white-space: nowrap;font-weight:bold; |
|
.z-south-noborder |
No border |
border:0 none; |
|
.z-south-split |
Background of splitter |
position: absolute; height: 6px; width: 6px; line-height: 1px; font-size: 1px; z-index: 12; background-color: #C4DCFB; background-image:url("${c:encodeURL('~./zul/img/splt/splt-v.png')}"); background-position: top; cursor: s-resize; cursor: row-resize; |
|
.z-south-collapsed |
Background of collapsed south |
position: absolute; background-color: #E1F1FB; width: 20px; height: 20px; border: 1px solid #98C0F4; z-index:20; overflow: hidden; |
Structure:
Events:
|
Action: |
Normal (Open) |
Hover |
Click, Select, and Drag. |
Focus |
Focus and Hover |
Disable |
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V | |||||
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V |
V |
CSS Specification:
|
Class Name |
Description |
Default Values |
|
|
Border and background |
border:1px solid #B1CBD5; position:absolute; overflow:hidden; background-color:white; |
|
.z-west-header |
Background of header |
overflow: hidden; zoom: 1; color: #15428b; font: normal 11px tahoma, arial, verdana, sans-serif; padding: 5px 3px 4px 5px; border-bottom: 1px solid #B1CBD5; line-height: 15px; background:transparent url(${c:encodeURL('~./zul/img/panel/panel-tb.png')}) repeat-x 0 -1px; white-space: nowrap;font-weight:bold; |
|
.z-west-noborder |
No border |
border:0 none; |
|
.z-west-split |
Background of splitter |
position: absolute; height: 6px; width: 6px; line-height: 1px; font-size: 1px; z-index: 12; background-color: #C4DCFB; background-image:url("${c:encodeURL('~./zul/img/splt/splt-h.png')}"); background-position: left; cursor: e-resize; cursor: col-resize; |
|
.z-west-collapsed |
Background of collapsed west |
position: absolute; background-color: #E1F1FB; width: 20px; height: 20px; border: 1px solid #98C0F4; z-index:20; overflow: hidden; |
Structure:
Events:
|
Action: |
Normal (Open) |
Hover |
Click, Select, and Drag. |
Focus |
Focus and Hover |
Disable |
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V | |||||
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V |
V |
CSS Specification:
|
Class Name |
Description |
Default Values |
|
|
Border and background |
border:1px solid #B1CBD5; position:absolute; overflow:hidden; background-color:white; |
|
.z-east-header |
Background of header |
overflow: hidden; zoom: 1; color: #15428b; font: normal 11px tahoma, arial, verdana, sans-serif; padding: 5px 3px 4px 5px; border-bottom: 1px solid #B1CBD5; line-height: 15px; background:transparent url(${c:encodeURL('~./zul/img/panel/panel-tb.png')}) repeat-x 0 -1px; white-space: nowrap;font-weight:bold; |
|
.z-east-noborder |
No border |
border:0 none; |
|
.z-east-split |
Background of splitter |
position: absolute; height: 6px; width: 6px; line-height: 1px; font-size: 1px; z-index: 12; background-color: #C4DCFB; background-image:url("${c:encodeURL('~./zul/img/splt/splt-h.png')}"); background-position: left; cursor: e-resize; cursor: col-resize; |
|
.z-east-collapsed |
Background of collapsed east |
position: absolute; background-color: #E1F1FB; width: 20px; height: 20px; border: 1px solid #98C0F4; z-index:20; overflow: hidden; |
Structure:
Events:
|
Action: |
Normal (Open) |
Hover |
Click, Select, and Drag. |
Focus |
Focus and Hover |
Disable |
|
CSS naming: |
|
|
|
|
| |
|
Supported |
V |
CSS Specification:
|
Class Name |
Description |
Default Values |
|
|
Border and background |
border:1px solid #B1CBD5; position:absolute; overflow:hidden; background-color:white; |
|
.z-center-header |
Background of header |
overflow: hidden; zoom: 1; color: #15428b; font: normal 11px tahoma, arial, verdana, sans-serif; padding: 5px 3px 4px 5px; border-bottom: 1px solid #B1CBD5; line-height: 15px; background:transparent url(${c:encodeURL('~./zul/img/panel/panel-tb.png')}) repeat-x 0 -1px; white-space: nowrap;font-weight:bold; |
|
.z-center-noborder |
No border |
border:0 none; |
