os"

From Documentation
m
Line 6: Line 6:
  
 
=Source=
 
=Source=
<br />
 
 
{{CSSSource
 
{{CSSSource
 
| url=
 
| url=
Line 18: Line 17:
  
 
=Events=
 
=Events=
<br />
 
 
{{Template:Style Guide Event
 
{{Template:Style Guide Event
 
|.z-paging-os
 
|.z-paging-os
Line 35: Line 33:
  
 
=CSS Specification=
 
=CSS Specification=
<br />
 
 
{{Template:ZK Style Guide CSS}}
 
{{Template:ZK Style Guide CSS}}
 
|-
 
|-

Revision as of 09:12, 9 September 2010


This is the os mold for Paging.

Source

The CSS source for from GitHub


Structure

Paging-os1.jpg

Paging-os2.jpg

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-paging-os :Hover -seld
Supported: V 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-paging-os Background image background: white; padding: 5px; zoom:1;
.z-paging-os .z-paging-os-cnt Background of content padding: 2px 3px;

background-color:#C7E5F1; background-image:url(${c:encodeURL('~./zul/img/grid/column-bg.png')}); background-repeat:repeat-x; border: 1px solid #DAE7F6; font-size: ${fontSizeS}; color: #1725A0; font-weight: normal; text-decoration: none;

.z-paging-os .z-paging-os-cnt:hover Color of mouse over color:red
.z-paging-os .z-paging-os-seld Background and font size of selected event font-size: ${fontSizeS}; color: white; font-weight: bold;

background-image:url(${c:encodeURL('~./zul/img/grid/paging-os-seld.gif')});

.z-paging-os .z-paging-os-seld:hover Color of selected mouse over color: #403E39;
.z-paging-os span Font size font-size: ${fontSizeS}; color: #555; font-weight: normal;



Last Update : 2010/09/09

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