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

Adding a Custom Button in the Grid's ToolBar


Product Version 2020.1.406
Product Telerik UI for ASP.NET Core Grid


Is there a way to create one button in the toolbar right aligned from the other buttons that opens a Telerik UI for ASP.NET Core Window in the Grid for ASP.NET Core?


To add a custom button:

  1. Include a custom command button in the toolbar.

        // Toolbar in the Grid
        .ToolBar(e => {
            e.Custom().Text("Instructions").HtmlAttributes(new { id = "customButton", @class="floatRight" });
  2. On the click event of the button, add the logic to open the Telerik UI for ASP.NET Core Window.

        $("#grid").on("click", "#customButton", function (e) {
            e.preventDefault();  //prevents postback
            var window = $("#window").data("kendoWindow");
  3. Finally, add some style to right align the Telerik UI for ASP.NET Core Button.

        .floatRight {
            float: right;

More ASP.NET Core Grid Resources

See Also

In this article