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.

    code

    <telerik:GridTemplateColumn>

    <ItemTemplate>

    <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">

    </telerik:RadToolTipManager>

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

    </ItemTemplate>

    </telerik:GridTemplateColumn>

    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

    Thanks,
    Sandeep.M

        
  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.

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

    CS:
    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; 
            } 
       } 


    Thanks
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Svetlina Anati
    Admin
    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.

    Regards,
    Svetlina
    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

    Justin:

    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
UI for ASP.NET Ajax is Ready for VS 2017