Default

From Documentation
Revision as of 07:20, 8 September 2010 by Elton776 (talk | contribs) (→‎Source)


This is the Default mold for Column.

Source


The CSS source for from GitHub


Structure

Grid1.jpg

Column1.jpg


Events


CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-columns
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-column -over
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-columns


Background image


background-image: url(${c:encodeURL('~./zul/img/grid/s_hd.gif')}); background-color: #C7E5F1;background-repeat: repeat-x;
div.z-grid-header th.z-column


Border and font size


overflow: hidden; border: 1px solid; border-color: #DAE7F6 #9EB6CE #9EB6CE #DAE7F6; white-space: nowrap; padding: 2px; font-size: ${fontSizeM}; font-weight: normal;
div.z-grid-header .z-column-sort div.z-column-cnt


Background of the content of the sort


cursor: pointer; padding-right: 9px; background:transparent url(${c:encodeURL('~./zul/img/sort/v_hint.gif')}); background-position: 99% center; background-repeat: no-repeat;
div.z-grid-header .z-column-sort-asc div.z-column-cnt


Background of the content of the ascendant sort


cursor: pointer; padding-right: 9px; background:transparent url(${c:encodeURL('~./zul/img/sort/v_asc.gif')}); background-position: 99% center; background-repeat: no-repeat;
div.z-grid-header .z-column-sort-dsc div.z-column-cnt Background of the content of the descendant sort cursor: pointer; padding-right: 9px; background:transparent url(${c:encodeURL('~./zul/img/sort/v_dsc.gif')}); background-position: 99% center; background-repeat: no-repeat;
div.z-grid-header .z-column-sort-asc, div.z-grid-header .z-column-sort-dsc


Background of the sort


background: #DDEEFB url(${c:encodeURL('~./zul/img/grid/column-over.gif')}) repeat-x 0 0;
div.z-column-cnt


Font size of the content


font-size: ${fontSizeM}; font-weight: normal; font-family: ${fontFamilyC};
div.z-column-cnt


Overflow


overflow: hidden
.z-column-btn


Background of button


background: #DDEEFB url(${c:encodeURL('~./zul/img/grid/hd-btn.gif')}) no-repeat left center; display: none; position: absolute; width: 14px; right: 0; top: 0; z-index: 2; cursor: pointer;
.z-column-over


Hovered event


background: #B9EBFF url(${c:encodeURL('~./zul/img/grid/column-over.gif')}) repeat-x 0 0;



Last Update : 2010/09/08

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.