tooltip on hover of radgrid column label

5 posts, 0 answers
  1. sandeep
    sandeep avatar
    24 posts
    Member since:
    May 2008

    Posted 20 Jun 2008 Link to this post

    Hello all, 
              I am new to using telerik rad controls and i am really excited now to use them. Can anybody post a sample code on how to attach the tooltip to a label which is the first template column in my radgrid. Hovering over this competencyname should display its corresponding info. Can i get a sample code here.




    <asp:Label ID="lblComp" Text='<% #Eval("CompetencyName") %>' runat="server"></asp:Label>

    <!-- POP Up control for displaying competency info -->

    <telerik:RadToolTipManager runat="server" ID="RadToolTip3" Height="240px" Width="500px"

    TargetControlID="lblComp" IsClientID="true" OffsetY="4" Sticky="true" Animation="Fade"

    Position="BottomCenter" RelativeTo="Element" Skin="Telerik" OnAjaxUpdate="OnAjaxUpdate">


    <!-- end of pop up control for displaying info -->



    I have just tried displaying a tooltip with some text but nothing is being displayed.please help i did not understand the sample already provided by telerik.
    I am developing dnn modules


  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 23 Jun 2008 Link to this post

    Hi Sandeep,

    Try setting the ToolTip as shown below.

     <telerik:GridTemplateColumn UniqueName="TempCol" > 
                               <asp:Label ID="Label2" runat="server" Text='<%#Eval("ValueCol") %>' ></asp:Label> 

    protected void RadGrid2_ItemDataBound(object sender, GridItemEventArgs e) 
            if (e.Item is GridDataItem) 
                GridDataItem item = (GridDataItem)e.Item; 
                Label lbl = (Label)item["TempCol"].FindControl("Label2"); 
                item["TempCol"].ToolTip = lbl.Text; 

  3. DevCraft R3 2016 release webinar banner
  4. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 23 Jun 2008 Link to this post

    Hello sandeep,

    I suggest to examine our online demos which how to tooltipify a grid by using RadToolTipManager and RadToolTip. I believe that our new online example which shows the difference and manner of using these two controls will be helpful - you can find it here.

    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. Justin
    Justin avatar
    1 posts
    Member since:
    May 2011

    Posted 13 Feb 2012 Link to this post

    These examples do basically exactly what I want but are made overly complex by binding the tooltip text to data, etc... Also, they use the asp grid instead of the RadGrid. Why? What if I simply want to display a simple line of text when the user hovers a specific column or row inside a RadGrid?  I'd like to be able to control what the line of text says in the code behind file, without having to bind it to a data source, etc.  Please help.
  6. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 14 Feb 2012 Link to this post


    Depending on your scenario, an approach to consider would be to AutoToolTipify your Grid. You can reference the ToolTip/AutoTooltipify online demo for insights on positioning tooltips and setting text properties in server-side script.

    Also reference the Add RadTooltip to entire row of radgrid, NOT just cell  for additional insights.

    Hope this helps!
Back to Top
DevCraft R3 2016 release webinar banner