Menuitem in Menubar

From Documentation
Revision as of 07:10, 16 September 2010 by Elton776 (talk | contribs) (→‎Structure)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)


This is the Menuitem in Menubar mold for Menubar.

Source

The CSS source for Menuitem from GitHub


Structure

Menuitem-in-menubar1.jpg

Menuitem-in-menubar2.jpg

Menuitem-in-menubar3.jpg

Menuitem-in-menubar4.jpg

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-menu-item -btn-over -btn-seld -disd
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-menubar-hor .z-menu-item Vertical align vertical-align: middle;
.z-menubar-hor .z-menu-item Font size -adjust:none;

font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; white-space:nowrap; font-family: ${fontFamilyT}; font-size: ${fontSizeMS};

.z-menubar-hor .z-menu-item-btn Font size -adjust:none;

font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; white-space:nowrap; font-family: ${fontFamilyT}; font-size: ${fontSizeMS};

.z-menu-item-body-text-img .z-menu-item-inner-m .z-menu-item-btn Padding of menuitem button with text and image padding-left:18px;
.z-menu-item-body-img .z-menu-item-inner-m .z-menu-item-btn Padding of menuitem button with image padding-left:12px;

padding-right:0px;

.z-menubar-hor .z-menu-item-body .z-menu-item-inner-l Size of button left font-size:1px;

height:21px; line-height:1px; width:3px;

.z-menubar-hor .z-menu-item-body .z-menu-item-inner-r Size of button right font-size:1px;

height:21px; line-height:1px; width:3px;



Last Update : 2010/09/16

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