Default"

From Documentation
 
(5 intermediate revisions by 2 users not shown)
Line 6: Line 6:
  
 
=Source=
 
=Source=
<br />
 
 
{{CSSSource
 
{{CSSSource
| url=
+
| url=/zul/src/archive/web/js/zul/wgt/css/toolbar.css.dsp
| control=
+
 
 +
| control=Toolbarbutton
 
|}}
 
|}}
  
Line 18: Line 18:
  
 
=Events=
 
=Events=
<br />
 
 
{{Template:Style Guide Event
 
{{Template:Style Guide Event
|.z-toolbar-button
+
|.z-toolbarbutton
|
+
|-over
 
|
 
|
 
|
 
|
Line 27: Line 26:
 
|-disd
 
|-disd
 
|V
 
|V
|
+
|V
 
|
 
|
 
|
 
|
Line 35: Line 34:
  
 
=CSS Specification=
 
=CSS Specification=
<br />
 
 
{{Template:ZK Style Guide CSS}}
 
{{Template:ZK Style Guide CSS}}
 
+
|.z-toolbarbutton-cnt
 +
|Font size
 +
| padding: 2px 2px; position: relative; zoom: 1; font-family: ${fontFamilyT}; font-size: ${fontSizeS}; font-weight: normal;
 +
|}
  
 
{{ZKStyleGuidePageFooter}}
 
{{ZKStyleGuidePageFooter}}

Latest revision as of 06:50, 16 November 2010


This is the Default mold for Toolbarbutton.

Source

The CSS source for Toolbarbutton from GitHub


Structure

Toolbarbutton1.jpg

Toolbarbutton2.jpg

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-toolbarbutton -over -disd
Supported: 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-toolbarbutton-cnt Font size padding: 2px 2px; position: relative; zoom: 1; font-family: ${fontFamilyT}; font-size: ${fontSizeS}; font-weight: normal;



Last Update : 2010/11/16

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