ZK Style Guide/XUL Component Specification/Borderlayout/Default (North)

This is the Default (North) mold for Borderlayout.

Source

The CSS source for {{{control}}} from GitHub

Structure

Events

CSS\Action	Normal (Open)	Hover	Click, Select, and Drag.	Focus	Focus and Hover	Disable
Naming:	.z-north, .z-north-splt
Supported:	V

Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position

CSS\Action	Normal (Open)	Hover	Click, Select, and Drag.	Focus	Focus and Hover	Disable
Naming:	.z-north-colps, .z-north-colpsd, .z-north-exp,	-over
Supported:	V	V

Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position

CSS Specification

Class Name	Description	Default Values
.z-north	Border and background	border: 1px solid #9ECAD8; position: absolute; overflow: hidden; background-color: white;
.z-north-header	Background of header	color: #0F3B82; font: normal 11px tahoma, arial, verdana, sans-serif; font-weight:bold; padding: 5px 3px 4px 5px; border-bottom: 1px solid #9ecad8; background:transparent repeat-x 0 0; background-image: url(${c:encodeURL('~./zkex/zul/img/layout/borderlayout-hm.png')}); white-space: nowrap; overflow: hidden; line-height: 15px; zoom: 1;
.z-north-noborder	No border	border:0;
.z-north-splt	Background of splitter	position: absolute; height: 6px; width: 6px; z-index: 15; background: #C4DCFB top; background-image:url("${c:encodeURL('~./zul/img/splt/splt-v.png')}"); cursor: s-resize; cursor: row-resize; line-height: 1px; font-size: 1px;