New to Telerik UI for ASP.NET Core? Download free 30-day trial

ButtonGroup ToolBar Command Type

The ButtonGroup consists of multiple button elements that are visually separated in a group.

In the command overflow popup, the ButtonGroup is rendered as a list of commands.

The following example demonstrates how to define a ButtonGroup in the ToolBar component:

    @(Html.Kendo().ToolBar()
        .Name("ToolBar")
        .Items(items =>
        {
            items.Add().Type(CommandType.ButtonGroup).Id("btnGroup").Buttons(buttons =>
            {
                buttons.Add().Text("Prev").Icon("arrow-w");
                buttons.Add().Text("Next").Icon("arrow-e");
            });

        })
    )
  <kendo-toolbar name="ToolBar">
        <toolbar-items>
            <item type="CommandType.ButtonGroup" id="btnGroup">
                <buttons>
                    <toolbar-button text="Prev" icon="arrow-w"></toolbar-button>
                    <toolbar-button text="Next" icon="arrow-e"></toolbar-button>
                </buttons>
            </item>
        </toolbar-items>
 </kendo-toolbar>

See Also

In this article