Contents
- Usage
- Using the Library
- Using the Themes
- Using the Demo App
- Components
- Accordion
- AnimatedImage
- AutoComplete
- AutoFitText
- BarCode
- BitmapAdjustments
- ButtonBar
- Calculator
- Calendar
- CAPTCHA
- CarouselLayout
- CarouselList
- Clocks
- Colorizer
- ColorPicker
- ColorSpacePicker
- CompassContainer
- CoverflowLayout
- CoverflowList
- CursorManager
- DatePicker
- DockingCompassContainer
- Donut Chart
- ExpandingContainer
- FieldSet
- Filters
- FlexContextMenu
- FloatPaneControlBar
- Funnel Chart
- GraphicsEditor
- Heatmap
- HtmlDragDrop
- HtmlFrame
- HtmlGeolocation
- iCalendarParser
- iCalendarRecurrence
- IconButton
- Linear Gauges
- Magnifier
- Menu and MenuBar
- MiniViewport
- PackedLayout
- PackedList
- Pane
- PopUpButton
- ProgressDisplay
- Radar
- Radial Gauge
- Rating
- ReflectionContainer
- RichTextEditor
- RotaryField
- SafariMouseWheelFix
- Scroller
- Separators
- SliderField
- Sparklines
- TabPaneNavigator
- TextInput
- TimebarContainer
- Timeline
- TimeMachineLayout
- TimeMachineList
- TimePicker
- ToggleSwitchDesktop
- TransformContainer
- TreeMap
- ViewStack
- WheelList
Menu and MenuBar
Overview
Extended version of the Halo Menu and MenuBar that adds some visual customization options. Also fixes some screen bounding issues, z-index bugs, and other various bugs.
Creating the Menu and MenuBar Component
The Ardisia Menu and MenuBar extend the Flex SDK MenuBar class and can be added to any container that implements IVisualElementContainer.
Using the Menu and MenuBar Component
Functions identically to the Flex SDK Halo Menu and MenuBar except that they add certain visual styling support via new styles and a different item renderer factory. See the new options below.
When displaying a Menu, be sure to use the .show() method of the Menu otherwise required bug fixing listeners will not be added. Do not add a Menu manually via the PopupManager or addElement(). Likewise, only remove a Menu via the .hide() method. Otherwise, you should expect memeory leaks.
Item Renderers
The MenuBar has hard-wired renderers for the bar items, located at ardisia.components.menuBar.MenuBarItem.
Disabled
The "backgroundSkin" and disabled icon from the Halo Menu and MenuBar classes have been removed.
Accessibility & Focus
Tabbable and selectable via keyboard interaction just like the Halo Menu and MenuBar.
Selected Custom Styles
hGap
default 2
Gap between the menu items.
menuVerticalOffset
default 0
Vertical offset to apply to the top level menu when displayed.
menuHorizontalOffset
default 0
Horizontal offset to apply to the top level menu when displayed.
menuMinWidth
default 190
The minWidth of the top level drop down menu.
menuVariableRowHeight
default true
Set whether menu row height is variable.
menuPaddingBottom
default NaN
Bottom padding for the drop down menu items.
menuPaddingLeft
default NaN
Left padding for the drop down menu items.
menuPaddingRight
default NaN
Right padding for the drop down menu items.
menuPaddingTop
default NaN
Top padding for the drop down menu items.
Themes & Skinning
Skins are provided for the Spark, London, and Stockholm themes.
Example
See the MenuBar demo application for example code.
Back To Top