This page uses JavaScript and requires a JavaScript enabled browser.Your browser is not JavaScript enabled.
Demo:Loading...
Demo:Skip to content
Please visit the Accessibility link to enable screen reader optimized content.
commandMenuItem Demo
Accessibility
About 11.1.2.4.0...
Home
O
Documentation
Tag Doc...
Skinning...
Release Information...
JavaDoc...
JS Doc...
Component Sub-ID Documentation...
Related Demos
Tag Demo
View Source
Page...
Page Template...
Global Tools Fragment...
Skin
Custom
Extends fusion
richDemo
Extends fusion-simple
gold
README
flip the themes
gold - set colors
gold - generated images
gold - final version
green
green
greenNoImages
Extends blafplus
princess
rainforest
sporty
Extends simple
debug
Fusion
fusionFx v2.1
fusionFx v2
fusionFx v1.1
fusionFx
fusion-11.1.1.3.0
fusion
Fusion Simple (easy to colorize)
fusionFx-simple v2.1
fusionFx-simple v2
fusionFx-simple v1.1
fusionFx-simple
fusion-simple
BLAF+
blafplus-rich
blafplus-medium
simple
Settings
I use a screen reader
I use high contrast
I use large fonts
Enable animations
Optimize partial page rendering
Tabbed presentation
Change to dimensions from children
Change to dimensions from parent
Skinning
-->
commandMenuItem Demo
Bookmarkable Link
Find
Tag Guide
Skinning
Alphabetical
V
Skinning
>
Input
>
Layout
>
List of Values
>
Menu and Toolbar
>
Miscellaneous
>
Navigation
>
Output
>
Popup
>
Query
>
Table
>
Features
Demo:Collapse
Demo:Expand
Demo:Expand All Below
Demo:Collapse All Below
Demo:Show as Top
Feature Demos
Visual Designs
Styles
Commonly Confused
Tag Guide
Skinning
Feature Demos
Visual Designs
Styles
Commonly Confused
This page demos commandMenuItem's skinning keys that are defined in the demoComponents skin.
v
Skinning Keys
…
Select the styles that you wish to see displayed in the panel on the right.
Select the styles that you wish to see displayed in the panel on the right.
Demo:All
af|commandMenuItem::bar-item ( border: 1px dashed; background-color: lightYellow; }
af|commandMenuItem::bar-item:highlighted { border: 1px dashed; background-color: paleGoldenRod; background-image: none; padding: 1px 5px; }
af|commandMenuItem::bar-item:depressed { border: 1px dashed; background-color: goldenRod; background-image: none; padding: 1px 5px;}
af|commandMenuItem::bar-item-icon-style { border: 1px solid; }
af|commandMenuItem::bar-item-text { font-weight: bold; }
af|commandMenuItem:disabled::bar-item-text { font-weight: normal; color: red; }
af|commandMenuItem:highlighted::bar-item-text { font-weight: bold; color: green; }
af|commandMenuItem::bar-item-access-key { color: blue; font-size: 12px; }
af|commandMenuItem::menu-item { height: 30px; }
af|commandMenuItem::menu-item-icon-style { background-color: thistle; border: thistle;}
af|commandMenuItem::menu-item-access-key { color: blue; font-size: 12px; }
af|commandMenuItem::menu-item-text { font-weight: bold; background-color: thistle; border: thistle; }
af|commandMenuItem:disabled::menu-item-text { font-weight: normal; color: red; }
af|commandMenuItem:highlighted::menu-item-text { color: green; }
af|commandMenuItem::menu-item-antonym-text-default { background-color: thistle; color: black;}
af|commandMenuItem:selected::menu-item-antonym-text-selected { background-color: black; color: thistle;}
af|commandMenuItem::menu-item-accelerator { color: navy; background-color: thistle; border: thistle; }
af|commandMenuItem::menu-item-open-indicator { background-color: thistle; border: thistle; }
>
Icons
…
>
See Also
…
commandMenuItems on a menuBar
M
enuBar Item
Disabled MenuBar
I
tem
commandMenuItems in menus
Menu Items
submenuItem
A
Demo:Ctrl+A
submenuItem
B
Demo:Ctrl+B
submenuItem C
Demo:Ctrl+C
submenuItem D
Demo:Ctrl+D
submenuItem E
Component Guide
Check Menu Items
check item A
check item B
Antonym Menu Items
antonym item A default
antonym item A selected
antonym item B default
antonym item B selected
Radio Menu Items
radio item A
radio item B
radio item C
Geometry Management
Component container display mode:
Stretched
|
Flow with Width
|
Flow without Width
Print Content
Demo:OK
>
>
*
O
(//)
O
(//)
[I]
(X)
[i]
(//)
V
*
Demo:OK
Demo:Cancel
>