Expander Button

Expander button is a button with variable functionality . It has a pop-up panel with options. Functionality of this button changes with selected option.

Expander button has a triangular arrow icon in the bottom-right corner.

Expander button has a similar bottom-right corner icon like a combo box. This arrow icon indicates that options are available for this control. These options are organized in a panel that appears upon a long click with primary mouse button or a long tap of finger (in case of a touch screen).

Long click or tap invokes the panel with options.

Normal click or tap causes execution of the button's current function. As mentioned above, the function that button performs changes according to selected option. Usually, the expander button aggregates functions that are similar one to another.

Invoked panel with options.

Button .

Panel . If there is enough space on the screen, the panel appears beneath the expander button at its left or right side.

Optional header . If present, the header contains the caption.

Close button. Clicking this button hides the panel. The same happens when clicking anywhere outside of the panel.

Active option . Active option is highlighted.

Optional footer . If present, the footer contains hint or short description.

Currently active option is highlighted in the panel. If another option is selected, the button changes it icon, text label and functionality according to selected option.