This is a migrated thread and some comments may be shown as answers.

Tooltip show when set cursor in TextBox.

2 Answers 234 Views

ToolTip

This is a migrated thread and some comments may be shown as answers.

2 Answers, 1 is accepted

Accepted

answered on 16 Feb 2008, 10:43 PM

Hi Grzesiek,

I think you can try the following workaround to achieve your goals.

I really don't know if there's an easier (or better) way to do what you want, but since it's so specific (you just want to close the previous tooltip when you click on the next textbox), I think you have to do something like this.

Let me know how it goes.

Fernandes

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Tooltip Demo</title>     
        
            </head> 
        
            <body> 
        
            <script language="javascript" type="text/javascript">  
        
                function textbox2OnClick()  
        
                {  
        
                    var textBox1Tooltip= $find("<%= RadToolTip1.ClientID %>");  
        
                    textBox1Tooltip.hide();  
        
                    var textBox2Tooltip= $find("<%= RadToolTip2.ClientID %>");  
        
                    textBox2Tooltip.show();  
        
                }  
        
                </script> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                    <telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="TextBox1" RelativeTo="Element" 
        
                     Text="Textbox1 Tooltip" ShowEvent="OnFocus" Sticky="true">  
        
                        </telerik:RadToolTip> 
        
                        <telerik:RadToolTip ID="RadToolTip2" runat="server" TargetControlID="TextBox2"  RelativeTo="Element" 
        
                     Text="Textbox2 Tooltip" Sticky="true" ShowEvent="FromCode">  
        
                        </telerik:RadToolTip> 
        
                    <div> 
        
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
        
                        <asp:TextBox ID="TextBox2" runat="server" onfocus="textbox2OnClick()"></asp:TextBox>              
        
                    </div> 
        
                </form> 
        
            </body> 
        
            </html>