[]
When the Toolstrip has limited space:
Tools that do not fit automatically move into an overflow menu.
The overflow dropdown appearance can be customized using the OverflowDropDownStyle property
Example: OverflowDropDownStyle Customization
OverflowDropDownStyle="@("background: green !important; padding: 12px !important; border: 3px solid red !important;")"Result:
The overflow dropdown now has a green background, 12px padding, and a 3px red border.
The !important keyword ensures the style overrides any other theme settings.
Customize various visual properties:
Property | Description |
|---|---|
color | Text/icon color |
border | Border style, thickness, and color |
border-radius | Rounded corners |
padding | Inner spacing |
margin | Outer spacing |
box-shadow | Drop shadow |
Key | Behavior | Applies To |
|---|---|---|
Left Arrow / Right Arrow | Moves focus between tools in a horizontal ToolStrip. | All tool types in horizontal ToolStrip layouts. |
Up Arrow / Down Arrow | Moves focus between tools in a vertical ToolStrip, and between menu items in dropdowns and menus. | Vertical ToolStrip layouts, C1MenuTool, C1DropDownTool, and nested menus. |
Enter | Activates the focused tool. Opens dropdowns and menu panels. | C1MenuTool, C1DropDownTool, C1SelectTool, C1ButtonTool, C1ToggleButtonTool. |
Spacebar | Activates buttons and toggles. Opens dropdowns and submenus. | C1ButtonTool, C1ToggleButtonTool, C1MenuTool, C1DropDownTool. |
Escape | Closes the active dropdown or submenu and returns focus to the originating tool. | C1MenuTool, C1DropDownTool, C1SelectTool, nested menus. |
Focus is managed automatically in accordance with ARIA toolbar guidelines:
Focus remains within the ToolStrip when navigating with arrow keys.
When a dropdown expands, focus moves to the first interactive element within the dropdown.
Closing a dropdown returns focus to the originating tool in the ToolStrip.
Menu popups support sequential keyboard traversal for nested menus.