Floating Toolbar Appearance

Updated on Oct 13, 2026

Use Size and FillMode to configure the appearance of the Floating Toolbar and its hosted ToolBar. Use the ThemeConstants.ToolBar constants to keep the component consistent with the active Telerik theme.

Size

Set Size to a ThemeConstants.ToolBar.Size value:

Constant	Description
Small	Renders a compact toolbar.
Medium	Renders the default toolbar size.
Large	Renders a larger toolbar.

Fill Mode

Set FillMode to a ThemeConstants.ToolBar.FillMode value:

Constant	Description
Solid	Renders the default filled appearance.
Outline	Renders an outlined toolbar.
Flat	Renders a flat toolbar.

Custom CSS Class

Set Class to apply a custom CSS class to the Floating Toolbar. Use the class in your application stylesheet to implement theme overrides.

Example

Example

View Source

Loading ...

See Also

• Floating Toolbar Overview
• ToolBar Appearance
• Floating Toolbar API Reference