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
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:
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...
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 });
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 :
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
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
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!