Default"

From Documentation
Line 14: Line 14:
 
[[Image:Spinner1.gif ]]
 
[[Image:Spinner1.gif ]]
  
[[Image:Spinner2.gif ]]
+
[[Image:Spinner2-2.gif ]]
  
 
=Events=
 
=Events=

Revision as of 03:09, 14 September 2010


This is the Default mold for Spinner.

Source

The CSS source for Spinner from GitHub


Structure

Spinner1.gif

Spinner2-2.gif

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-spinner -over -btn-clk -focus -btn-over -disd
Supported: V V 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-spinner-inp Background of input element background: #FFF url(${c:encodeURL('~./zul/img/grid/text-bg.gif')}) repeat-x 0 0; border: 1px solid #7F9DB9; font-family: ${fontFamilyC}; font-size: ${fontSizeM}; font-weight: normal;
.z-spinner-text-invalid Background of invalidated background: #FFF url(${c:encodeURL('~./zul/img/grid/text-bg-invalid.gif')}) repeat-x 0 0; border: 1px solid #DD7870;
.z-spinner-readonly, .z-spinner-text-disd Background of disabled and read only background: #ECEAE4;
.z-spinner .z-spinner-btn Background of the button image background: transparent url(${c:encodeURL('~./zul/img/button/timebtn.gif')}) no-repeat 0 0;

vertical-align: top; cursor: pointer; width: 17px; height: 19px; border: 0; border-bottom: 1px solid #86A4BE;



Last Update : 2010/09/14

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