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

Manual Closing

The ToolBar provides options for closing its popup from a button click event in a template.

@(Html.Kendo().ToolBar()
                .Name("toolbar")
                .Items(items => {
                    items.Add().Type(CommandType.Button).Text("Button");
                    items.Add().Template("<a class='k-item k-state-default ng-scope' >Test</a>")
                               .OverflowTemplate("<button onclick='action()' class='btn' >Test</button>")
                               .Overflow(ShowInOverflowPopup.Always);
                }
                )
  )

<script>
    function action() {
        $("#toolbar").data("kendoToolBar").popup.close();
    }
</script>
    <kendo-toolbar name="ToolBar">
        <toolbar-items>
            <item type="CommandType.Button" text="Button" />
            <item template="<a class='k-item k-state-default ng-scope' >Test</a>"
            overflow-template="<button onclick='action()' class='btn' >Test</button>"
            overflow="ShowInOverflowPopup.Always">
            </item>
        </toolbar-items>
    </kendo-toolbar>
    <script>
        function action() {
            $("#toolbar").data("kendoToolBar").popup.close();
        }
    </script>
    public class ToolBarController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }
    }

See Also

In this article