Expander Button

The Expander button is a button with variable functionality, also known as a fly-out button. It includes a pop-up panel containing various options; the button's primary function changes based on the currently selected option.

The Program's workspace efficiency is critical because of the high number of specific tools (digitizing, stitch editing, density adjustment, etc.) required for a project. The Expander (Fly-out) Button is an UI element designed to group related tools without cluttering the screen. It acts as a dynamic container. It displays the icon of the most recently used tool in that group. This keeps the interface clean while keeping the tools only one click away.

The Expander button uses a bottom-right corner icon similar to a combo box. This arrow icon indicates that additional options are available for the control. These options are organized within a panel that appears after a long click with the primary mouse button or a long tap (when using a touch screen).

A normal click or tap executes the button's current function. As noted above, the specific function performed by the button changes according to the selected option. Typically, the Expander button aggregates functions that are related to one another.

The invoked panel displaying available options.

Button.

Panel. If sufficient screen space is available, the panel appears beneath the expander button on either the left or right side.

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

Close button. Clicking this button hides the panel. The panel will also close if you click anywhere outside of it.

Active option. The currently active option is highlighted.

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

The currently active option is highlighted within the panel. If a different option is selected, the button updates its icon, text label, and functionality to match the new selection.