Text is being displayed in the background of RadTooltip while dragging a Radlistbox item.

2 posts, 0 answers
  1. James
    James avatar
    1 posts
    Member since:
    Apr 2012

    Posted 29 Apr 2012 Link to this post


    I have a RadListBox on a RadTooltip control.  When I am trying to drag an item from the radlistbox; the text displayed along with the mouse cursor seen in the background of the RadTooltip window.  Kindly suggest a solution for this.  Please find the markup of sample page which can demonstrate the issue.  A screen capture also has been attached for further clarity.

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ToolTipDragIssue.WebForm1" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <form id="form1" runat="server">
        <asp:ScriptManager runat="server" ID="ScriptManager1" />
        <asp:Button ID="Button1" runat="server" Text="Click Here" />
            <telerik:RadToolTip ID="RadToolTip1" runat="server" ShowEvent="OnClick" TargetControlID="Button1" HideEvent="ManualClose"
                    <telerik:RadListBox ID="RadListBox1" runat="server" Width="200px" Height="200px"
                AllowTransfer="true" AllowReorder="true" AutoPostBackOnReorder="true" EnableDragAndDrop="true">
                    <telerik:RadListBoxItem Text="Test Item 1 Test Item 1 Test Item 1 " />
                    <telerik:RadListBoxItem Text="Test Item 2 Test Item 2 Test Item 2 "/>
                    <telerik:RadListBoxItem Text="Test Item 3 Test Item 3 Test Item 3 "/>
                    <telerik:RadListBoxItem Text="Test Item 4 Test Item 4 Test Item 4 " />

  2. Marin Bratanov
    Marin Bratanov avatar
    3908 posts

    Posted 02 May 2012 Link to this post

    Hi James,

    This happens because of the defauilt z-index values the RadToolTip and the draggable clue from the RadListBox have - 8000 and 6500 respectively. You can change this behavior either by reducing the z-index of the tooltips or by increasing the z-index of the dragged item:

        z-index: 9000 !important;


        z-index: 6000 !important;

    Kind regards,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top