Tooltip for Grid Columns

7 posts, 0 answers
  1. Ravi
    Ravi avatar
    9 posts
    Member since:
    Jun 2012

    Posted 06 Jul 2012 Link to this post

    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.
  2. Jerry T.
    Jerry T. avatar
    118 posts
    Member since:
    Jul 2012

    Posted 06 Jul 2012 Link to this post

    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>
  3. Kendo UI is VS 2017 Ready
  4. Hari
    Hari avatar
    7 posts
    Member since:
    Oct 2012

    Posted 21 Sep 2012 Link to this post

    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.
  5. Craig
    Craig avatar
    1 posts
    Member since:
    Mar 2013

    Posted 24 Apr 2013 Link to this post

    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 });


  6. jerome
    jerome avatar
    2 posts
    Member since:
    May 2013

    Posted 20 May 2013 Link to this post

    Craig,

    Using the MVC Wrapper you can do it this way :

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


  7. mark
    mark avatar
    50 posts
    Member since:
    Mar 2009

    Posted 21 Aug 2015 Link to this post

    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...
  8. Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 26 Aug 2015 Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready