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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

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

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.

 HTML

JS

 

Razor

 

C#

 

ASPX

 

Adding custom icons to the Toolbar

Js Render

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

CSS

 

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.

Article ID: Published Date: Last Revised Date: Platform: Control:
7169 12/08/2016 12/08/2016 JavaScript ejGrid
Did you find this information helpful?
Comments
Miguel Jesús Jan 26, 2017
Hello,
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?

Regards

Reply
Add Comment
You must log in to leave a comment

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