[]
        
(Showing Draft Content)

Style and Interactivity

OverflowDropDownStyle Behavior

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.

Visual Properties for Styling Overflow Container

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

Keyboard Navigation

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 Management

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.