Default"

From Documentation
m
 
(3 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
 
This is the '''Default''' mold for '''Columnlayout'''.
 
This is the '''Default''' mold for '''Columnlayout'''.
 
=Source=
 
{{CSSSource
 
| url=
 
| control=
 
|}}
 
  
 
=Structure=
 
=Structure=
Line 19: Line 13:
 
=Events=
 
=Events=
 
{{Template:Style Guide Event
 
{{Template:Style Guide Event
|.z-column-layout,
+
|.z-columnlayout,
z-column-children
+
z-columnchildren
 
|
 
|
 
|
 
|
Line 31: Line 25:
 
|
 
|
 
|
 
|
|!
+
|
 
}}
 
}}
  
 
=CSS Specification=
 
=CSS Specification=
 
{{Template:ZK Style Guide CSS}}
 
{{Template:ZK Style Guide CSS}}
|.z-column-layout
+
|.z-columnlayout
 
 
 
|Overflow
 
|Overflow
Line 42: Line 36:
 
|visibility: hidden; overflow: hidden; zoom: 1;
 
|visibility: hidden; overflow: hidden; zoom: 1;
 
|-
 
|-
|.z-column-layout-inner
+
|.z-columnlayout-inner
 
 
 
|Overflow
 
|Overflow
Line 48: Line 42:
 
|overflow: hidden;
 
|overflow: hidden;
 
|-
 
|-
|.z-column-children
+
|.z-columnchildren
 
 
  
Line 56: Line 50:
 
|float: left; padding: 0; margin: 0; overflow: hidden; zoom: 1;
 
|float: left; padding: 0; margin: 0; overflow: hidden; zoom: 1;
 
|-
 
|-
|.z-column-children-body
+
|.z-columnchildren-body
 
 
  
Line 64: Line 58:
 
|overflow: hidden; zoom: 1;
 
|overflow: hidden; zoom: 1;
 
|-
 
|-
|.z-column-children-cnt
+
|.z-columnchildren-cnt
 
 
  

Latest revision as of 07:59, 13 September 2010


This is the Default mold for Columnlayout.

Structure

Columnlayout1.jpg

Columnlayout2.jpg


Events

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

z-columnchildren

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
.z-columnlayout Overflow visibility: hidden; overflow: hidden; zoom: 1;
.z-columnlayout-inner Overflow overflow: hidden;
.z-columnchildren


Padding and margin


float: left; padding: 0; margin: 0; overflow: hidden; zoom: 1;
.z-columnchildren-body


Overflow


overflow: hidden; zoom: 1;
.z-columnchildren-cnt


Overflow


overflow: hidden;



Last Update : 2010/09/13

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