New to Telerik UI for ASP.NET Core? Start a free 30-day trial
Spacer ToolBar Command Type
The Spacer command type moves the tools that are declared after it to the right side of the ToolBar and provides space between them and the tools that remain on the left.
Razor
@(Html.Kendo().ToolBar()
.Name("ToolBar")
.Items(items => {
items.Add().Type(CommandType.Button).Text("Button 1").Id("button1");
items.Add().Type(CommandType.Spacer);
items.Add().Type(CommandType.Button).Text("Button 2").Id("button2");
})
)You can use multiple Spacers to create an equal amount of space between several tools.
Razor
@(Html.Kendo().ToolBar()
.Name("ToolBar")
.Items(items => {
items.Add().Type(CommandType.Button).Text("Button 1").Id("button1");
items.Add().Type(CommandType.Spacer);
items.Add().Type(CommandType.Button).Text("Button 2").Id("button2");
items.Add().Type(CommandType.Spacer);
items.Add().Type(CommandType.Button).Text("Button 3").Id("button3");
})
)