Default"

From Documentation
 
(7 intermediate revisions by 2 users not shown)
Line 6: Line 6:
  
 
=Source=
 
=Source=
<br />
+
 
 
{{CSSSource
 
{{CSSSource
| url=
+
| url=zul/src/archive/web/js/zul/inp/css/combo.css.dsp
| control=
+
| control=Bandpopup
 
|}}
 
|}}
  
 
=Structure=
 
=Structure=
  
[[Image:Bandbox1.gif]]
+
[[Image:Bandboxfirstt.png]]
  
[[Image:Bandpopup1.gif]]
+
[[Image:Bandpopupone.png]]
  
 
=Events=
 
=Events=
<br />
+
 
 
{{Template:Style Guide Event
 
{{Template:Style Guide Event
 
|.z-band-popup
 
|.z-band-popup
Line 36: Line 36:
  
 
=CSS Specification=
 
=CSS Specification=
<br />
+
 
 
{{Template:ZK Style Guide CSS}}
 
{{Template:ZK Style Guide CSS}}
 
|.z-bandbox-pp
 
|.z-bandbox-pp
 
|Font size
 
|Font size
|border: 0; padding: 0; margin: 0; white-space: nowrap; font-family: ${fontFamilyC};
+
|margin: 0; white-space: nowrap; font-family: ${fontFamilyC};
font-size: ${fontSizeM}; font-weight: normal; repeat-x;display: block; position: absolute; z-index: 88000; <br />
+
font-weight: normal; repeat-x;display: block; position: absolute; z-index: 88000;  
 
background: white; border: 1px solid #7F9DB9; padding: 2px; font-size: ${fontSizeS};
 
background: white; border: 1px solid #7F9DB9; padding: 2px; font-size: ${fontSizeS};
 
|}
 
|}
[[Category:Style Guide|B]]
 
[[Category:XUL Components|B]]
 
  
 
{{ZKStyleGuidePageFooter}}
 
{{ZKStyleGuidePageFooter}}

Latest revision as of 06:40, 20 September 2010


This is the Default mold for Bandpopup.

Source

The CSS source for Bandpopup from GitHub


Structure

Bandboxfirstt.png

Bandpopupone.png

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-band-popup
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-bandbox-pp Font size margin: 0; white-space: nowrap; font-family: ${fontFamilyC};

font-weight: normal; repeat-x;display: block; position: absolute; z-index: 88000; background: white; border: 1px solid #7F9DB9; padding: 2px; font-size: ${fontSizeS};



Last Update : 2010/09/20

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