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

This is the Default (North) mold for Borderlayout.

Source

The CSS source for North 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('~./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;