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("caret-alt-left");
buttons.Add().Text("Next").Icon("caret-alt-right");
});
})
)
<kendo-toolbar name="ToolBar">
<toolbar-items>
<item type="CommandType.ButtonGroup" id="btnGroup">
<buttons>
<toolbar-button text="Prev" icon="caret-alt-left"></toolbar-button>
<toolbar-button text="Next" icon="caret-alt-right"></toolbar-button>
</buttons>
</item>
</toolbar-items>
</kendo-toolbar>