This is a migrated thread and some comments may be shown as answers.

Tooltip for Grid Columns

6 Answers 1844 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ravi
Top achievements
Rank 1
Ravi asked on 06 Jul 2012, 11:02 AM
How can i set the tooltip for grid columns. I need to display the column data in Tooltip as well as i am having fixed width columns. I can do this in radgridview using tooltip service. Is there any equivalent of that in kendo grid. If not is there any way of achieving it.

6 Answers, 1 is accepted

Sort by
0
Jerry T.
Top achievements
Rank 1
answered on 06 Jul 2012, 02:27 PM
Ravi,

If you're using templates for your grid rows, you can do something like this in the template:

<td title="#= Cost #" align="right">
    #= kendo.toString(Cost, "c2") #
</td>
0
Hari
Top achievements
Rank 1
answered on 21 Sep 2012, 07:13 AM
Please pardon my tardy response.

I guess this is one of the ways to achieve tooltip functionality...

columns.Bound(p => p.partialNotes).Title("Description").HeaderHtmlAttributes(new { style = "text-align:center" }).HtmlAttributes(new { style = "text-align:left" }).Width("8%").HtmlAttributes(new { title = "#= completeNotes #" });

I have just added HtmlAttributes(new { title = "#= completeNotes #" })

So now when I place the mouse over the Description column data , I get the complete Notes as a tool tip.

Hope this helps.
0
Craig
Top achievements
Rank 1
answered on 24 Apr 2013, 01:59 PM
and would one do this using the MVC wrapper? I cannot access the field in the manner your example shows.

I have a column defined as follows: 
columns.Bound(c => c.RegionCode);

I was hoping to code it this way: 
columns.Bound(c => c.RegionCode).HtmlAttributes(new { title = c => c.RegionName });


1
jerome
Top achievements
Rank 1
answered on 20 May 2013, 06:20 PM
Craig,

Using the MVC Wrapper you can do it this way :

columns.Bound(c => c.RegionCode)
                 .HtmlAttributes( new { title = " #= RegionName # "});


0
mark
Top achievements
Rank 1
answered on 21 Aug 2015, 03:50 PM
But what if I want to use the Kendo Tooltip for different Columns in a grid?  I have three button/command columns with icon buttons.  I would like to use the Kendo Tooltip on the Button Icons instead of the normal Title attribute...Thanks...
0
Dimo
Telerik team
answered on 26 Aug 2015, 03:45 PM
Hi Mark,

Please configure the Tootip with appropriate filter setting to target the button icons only.

http://docs.telerik.com/kendo-ui/api/javascript/ui/tooltip#configuration-filter

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Ravi
Top achievements
Rank 1
Answers by
Jerry T.
Top achievements
Rank 1
Hari
Top achievements
Rank 1
Craig
Top achievements
Rank 1
jerome
Top achievements
Rank 1
mark
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or