We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date


Is it possible to customize the treegrid toolbar by adding custom buttons? I cannot find documentation, can you explain me how to do it?
Thank you.
Best regards.

1 Reply

MK Mahalakshmi Karthikeyan Syncfusion Team August 8, 2015 11:43 AM UTC

Hi Cosimo,

Thanks for using Syncfusion product.

For your kind information, at present there is no support to customize the toolbar item with new buttons. Hence we have already logged a feature report regarding this. A support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.


But we can give work around to add custom Toolbar icon in TreeGrid using “Create” client side event. Please find the code snippet to achieve this.

<head id="Head1" runat="server">



            #customicon {

                background-image: url("../folder-open.png");

                position: absolute;

                background-repeat: no-repeat;

                height: 20px;

                width: 30px;







    <form id="form1" runat="server" onsubmit="return false" style="overflow: hidden; padding:0; margin: 0;height:100%;width:100%;">


        <ej:treegrid ID="Treegrid" runat="server" 





        <script type="text/javascript">

            function create(args) {

                var toolbar = $("#Treegrid_toolbarItems");

                //Toolbar item to be added

                var toolbarItem = "<li tabindex= " + "0" + " title=" + "File Explorer" + " class=" + "e-tooltxt " + " id=" + "Treegrid_customicon " + " style=width:30px;height:24px;" + "><span id=customicon" + "></span></li>";

                //appending the new item to the existing toolbar


                $("#Treegrid_customicon").click(function () {

                    alert("ToolBar item clicked");






We have also prepared a sample based on this and you can find the sample under the following location.

Sample: http://www.syncfusion.com/downloads/support/forum/119855/ze/TreeGridCustomToolbar-266013254

Please let us know if you need further assistance on this.


Mahalakshmi K.

Live Chat Icon For mobile
Up arrow icon