Default"

From Documentation
m
m
Line 6: Line 6:
  
 
=Source=
 
=Source=
<br />
 
 
{{CSSSource
 
{{CSSSource
 
| url=
 
| url=
Line 19: Line 18:
  
 
=Events=
 
=Events=
<br />
 
 
{{Template:Style Guide Event
 
{{Template:Style Guide Event
 
|.z-columns
 
|.z-columns
Line 54: Line 52:
  
 
=CSS Specification=
 
=CSS Specification=
<br />
 
 
{{Template:ZK Style Guide CSS}}
 
{{Template:ZK Style Guide CSS}}
 
|tr.z-columns
 
|tr.z-columns

Revision as of 08:35, 9 September 2010


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/09

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