Default (Horizontal)"

From Documentation
 
(2 intermediate revisions by one other user not shown)
Line 6: Line 6:
  
 
=Source=
 
=Source=
<br />
+
 
 
{{CSSSource
 
{{CSSSource
| url=
+
| url=/zul/src/archive/web/js/zul/menu/css/menu.css.dsp
| control=
+
| control=Menubar
 
|}}
 
|}}
  
Line 18: Line 18:
  
 
=Events=
 
=Events=
<br />
 
 
{{Template:Style Guide Event
 
{{Template:Style Guide Event
 
|.z-menubar-hor
 
|.z-menubar-hor
Line 35: Line 34:
  
 
=CSS Specification=
 
=CSS Specification=
<br />
 
 
{{Template:ZK Style Guide CSS}}
 
{{Template:ZK Style Guide CSS}}
 +
|.z-menubar-hor
 +
|Background image
 +
|position : relative;
 +
display: block;
 +
padding : 2px 0px;
 +
border-bottom : 1px solid #B1CBD5;
  
 +
background: #CEE7F5 repeat-x 0 center;
 +
background-image: url(${c:encodeURL('~./zul/img/common/bar-bg.png')});
 +
|}
  
 
{{ZKStyleGuidePageFooter}}
 
{{ZKStyleGuidePageFooter}}

Latest revision as of 03:05, 14 September 2010



This is the Default (Horizontal) mold for Menubar.

Source

The CSS source for Menubar from GitHub


Structure

Menubar-hoz1.jpg

Menubar-hoz2.jpg

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-menubar-hor
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-menubar-hor Background image position : relative;

display: block; padding : 2px 0px; border-bottom : 1px solid #B1CBD5;

background: #CEE7F5 repeat-x 0 center; background-image: url(${c:encodeURL('~./zul/img/common/bar-bg.png')});



Last Update : 2010/09/14

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