Blank ToolTip, dont view any details

2 posts, 0 answers
  1. Thaya
    Thaya avatar
    9 posts
    Member since:
    Sep 2008

    Posted 06 Apr 2010 Link to this post

    I am using toolTip in my Grid, and want to view benefitDetails in a ToolTip when I hold the mouse over a benefit.
    A tooltip appear, but I cant see any details when I hold the mouse over a benefit.

    Here is my code:
    <telerik:RadToolTipManager ID="RadToolTipManager1" OffsetY="-1"
        runat="server" RelativeTo="Element"
        Position="MiddleRight" >
            <telerik:ToolTipTargetControl TargetControlID="RadGrid1" Value="benefitDetails" />
    <telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1" AllowFilteringByColumn="false"
        AllowSorting="false" ShowFooter="True" runat="server" GridLines="None" AllowPaging="false"
        Skin="Outlook" OnColumnCreated="RadGrid1_ColumnCreated" HeaderStyle-CssClass="RgGroupCol"
        OnItemDataBound="RadGrid1_ItemDataBound" OnItemCreated="RadGrid1_ItemCreated">
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <HeaderStyle BackColor="#507CD1" ForeColor="white" Font-Size="XX-Small" />
        <FooterStyle BackColor="#D3E9BF" CssClass="reportFooter" />
        <GroupHeaderItemStyle Font-Bold="True" ForeColor="White" CssClass="dataHead" />
        <AlternatingItemStyle BackColor="transparent" />
        <MasterTableView ShowGroupFooter="True" AllowMultiColumnSorting="false" DataKeyNames="benefitsId">
                       <asp:HyperLink ID="targetControl" runat="server" NavigateUrl="#" Text='<%# Eval("description") %>'></asp:HyperLink>
                <telerik:GridBoundColumn DataField="basis" HeaderText="Basis" UniqueName="basis"
                    HeaderStyle-CssClass="dataHead" DataFormatString="{0:#}">
                <telerik:GridBoundColumn Aggregate="Sum" DataField="employerCost" HeaderText="EmployerCost"
                    DataFormatString="{0:N0}" UniqueName="employerCost" FooterText="Sum: " HeaderStyle-CssClass="dataHead"
                    ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" FooterStyle-HorizontalAlign="Right">
                <telerik:GridBoundColumn DataField="benefitDetails" UniqueName="benefitDetails" HeaderStyle-CssClass="dataHead"
            <ItemStyle BackColor="#BFD5E9" />
                        <telerik:GridGroupByField FieldName="category" FieldAlias="category" FormatString=""
                            HeaderText="" SortOrder="None" />
                        <telerik:GridGroupByField FieldName="categoryDescription" HeaderText=" " FieldAlias="categoryDescription"
                            FormatString="" HeaderValueSeparator=" " />
                <HeaderStyle BackColor="#507CD1" Width="20px" />

    Code behind:
            protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
                if (e.Item.ItemType == GridItemType.Item || e.Item.ItemType == GridItemType.AlternatingItem)
                    Control target = e.Item.FindControl("targetControl");
                    if (!Object.Equals(target, null))
                        if (!Object.Equals(this.RadToolTipManager1, null))
                                this.RadToolTipManager1.TargetControls.Add(target.ClientID, (e.Item as GridDataItem).GetDataKeyValue("benefitsId").ToString(), true);


    Anyone can help me?

  2. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 09 Apr 2010 Link to this post

    Hi Thaya,

    When you are using a RadToolTipManager control and you want to show details you can load the content with the details in two manners:

    1) By using AJAX and the OnAjaxUpdate event as shown in the demos below:

    2) By using WebService as explained below:

    In the provided code snippet I can only see that you attach the tooltips but I do not see where you actually load any content in them. Please examine the provided links and choose one of the approaches to load the tooltip content. If you have any further questions, do not hesitate to contact us again.

    Sincerely yours,
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Telerik UI for ASP.NET Core is out
Back to Top