Appearance

Updated on Oct 9, 2026

The FloatingToolBar for ASP.NET MVC provides options for controlling the styling of the hosted ToolBar and its tools.

Options

The FloatingToolBar supports the following styling options:

• Size()—Configures the overall size of the toolbar and its tools.
• FillMode()—Configures how the color is applied to the toolbar and its tools.

Size

The Size() option controls the size of the hosted ToolBar and its tools. It accepts the following ComponentSize values:

• Small
• Medium (default)
• Large

Razor

    @(Html.Kendo().FloatingToolBar()
        .Name("floatingtoolbar")
        .Visible(true)
        .Size(ComponentSize.Large)
        .Items(items =>
        {
            items.Add().Type(CommandType.Button).Text("Print").Icon("print");
            items.Add().Type(CommandType.Button).Text("Download").Icon("download");
        })
    )

Fill Mode

The FillMode() option controls how the color is applied to the toolbar and its tools. It accepts the following FillMode values:

• Solid (default)
• Flat
• Outline

Razor

    @(Html.Kendo().FloatingToolBar()
        .Name("floatingtoolbar")
        .Visible(true)
        .FillMode(FillMode.Flat)
        .Items(items =>
        {
            items.Add().Type(CommandType.Button).Text("Print").Icon("print");
            items.Add().Type(CommandType.Button).Text("Download").Icon("download");
        })
    )

Next Steps

• Configuring the Overflow of the FloatingToolBar
• Handling the FloatingToolBar Events
• Accessibility of the FloatingToolBar
• Keyboard Navigation of the FloatingToolBar

See Also

• FloatingToolBar Client-Side API