ZK Style Guide/XUL Component Specification/Treerow/Default

This is the Default mold for Treerow

Source

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

Events

CSS\Action	Normal (Open)	Hover	Click, Select, and Drag.	Focus	Focus and Hover	Disable
Naming:		-over	-seld	-focus	-over-seld	-disd
Supported:	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
tr.z-tree-row, tr.z-tree-row a, tr.z-tree-row a:visited	Font size of treerow	font-size: ${fontSizeM}; font-weight: normal; color: black; text-decoration: none;
tr.z-tree-row td.z-tree-row-focus	Background of focused event	background-image: url(${c:encodeURL('~./zul/img/focusd.png')}); background-repeat: no-repeat;
tr.z-tree-row-seld	Background of selected event	background: #bcd2ef; border: 1px solid #6f97d2;
tr.z-tree-row-over	Background of hovered event	background: #dae7f6;
tr.z-tree-row-over-seld	Background of hovered and selected event	background: #6eadff;
div.z-tree-body td.z-tree-cell	Font size of treecell	cursor: pointer; padding: 0 2px; font-size: ${fontSizeM}; font-weight: normal; overflow: hidden;
div.z-tree-cell-cnt	Font size of the content of treecell	border: 0; margin: 0; padding: 0; font-family: ${fontFamilyC}; font-size: ${fontSizeM}; font-weight: normal;
span.z-tree-ico, span.z-tree-line, span.checkmark-spacer	Size of tree icon	width: 18px; min-height: 18px; height: 100%; display:-moz-inline-box; vertical-align:top; display:inline-block;
span.z-tree-root-open, span.z-tree-tee-open, span.z-tree-last-open, span.z-tree-root-close, span.z-tree-tee-close, span.z-tree-last-close	Background image of tree open and close	background-image: url(${c:encodeURL('~./zul/img/tree/tree_btn.gif')});