tooltip on hover of radgrid column label

[sandeep]

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

    

[Shinu]

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.

[Svetlina Anati]

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

[Justin]

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.

[Richard]

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!