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
Unfortunately, activation email could not send to your email. Please try again.
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Syncfusion Feedback

How to customize the tooltip for Custom Toolbar item element in Grid?

Platform: jQuery |
Control: ejGrid

By default, the templateID property value of toolbarSettings->customToolbarItems (For Ex: Refresh) is shown as tooltip for custom toolbar item. So this Knowledge Base explains the way to define the custom tooltip for Custom Toolbar item.










Adding custom icons to the Toolbar

Js Render

A custom icon Refresh is added to the Toolbar and style is applied to it.



In dataBound event of grid, define your own custom tooltip for the corresponding custom toolbar item by using data-contentattribute of the particular element.


C:\Users\Manisankar.durai\Desktop\custom icon tooltip.png

Figure: Shows custom tooltip for the custom toolbar item.

You must log in to leave a comment
Miguel Jesús
Jan 26, 2017
I tried this, but doing this way the ItemName of the ToolbarAction will change too.

For example, If my ItemName toolbarAction is "VerSeguimiento" and I would like to change ONLY the tooltip text to "Ver Seguimiento" when I do this way the itemName changes too.

Is there any way to change ONLY the tooltip's TEXT but the itemName property remains the same?



Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile