Button Class

Custom button control. The button has 3 parts: icon, label, and an arrow.

Constructors

Button( parent, config )

Used to instantiate this class

parent	DOM element in which to render this component
config	Configuration settings (optional). See config options for more information.

Config Options

label

Text label for the button.

Show Source

selected

If true, the button will initially appear in a selected state and the isSelected() method will return true. Default is false.

Show Source

disabled

If true, the button will initially appear disabled and the isDisabled() method will return true. Default is false.

Show Source

toggle

If true, the button will be rendered as a toggle button. Default is false, unless the button has a menu.

Show Source

If true, will create a drop-down menu for the button. Components such as buttons or custom DOM elements can be added directly to the menu. See getMenuPanel() for more information.

Show Source

menuAlign

Sets the position of the menu panel. Options are "bottom" or "right".

Show Source

display

Used to set the "display" style attribute for the outer DOM element. This is not commonly ued. Default is "inline-block".

Show Source

width

Used to set the width of the button. This property is optional.

Show Source

height

Used to set the height of the button. This property is optional.

Show Source

iconAlign

Used to set the icon position relative to the button label. Options are "left" or "right". Note that the icon style is set in the style config. The icon style should not be used to control whether the icon appears to the left or right of the label. Use this config instead.

Show Source

style

Style for individual elements within the component. Note that you can provide CSS class names instead of individual style definitions.

Show Source

sound

Sound to play when the button is clicked

Show Source