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

[Solved] RadDatePicker shows behind RadToolTip

2 Answers 185 Views

Calendar

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

Jerome asked on 17 Sep 2008, 07:10 AM

Hi,

In the code below, I am trying to put a RadDatePicker in a RadToolTip. However, the calendar shows behind the tooltip and I am not able to select the date from the calendar. I've heard that the z-index is the cause of this problem and I've followed the solution in the thread
RadDatePicker doesnt work with tooltip but it still doesn't work. I would like to ask is there any alternative solution? Thank you very much.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
        
            <%@ Register Assembly="Telerik.Web.UI, Version=2008.2.723.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" 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"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">    
        
            <head id="Head1" runat="server">    
        
                <title>Untitled Page</title>    
        
            </head>    
        
            <body >      
        
                <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
                <script type="text/javascript">  
        
                    function ShowTooltip()  
        
                    {  
        
                        $find("<%= RadToolTip1.ClientID %>").show();   
        
                    }  
        
                </script> 
        
                </telerik:RadCodeBlock> 
        
                <form id="form1" runat="server">    
        
                    <asp:ScriptManager runat="server" ID="ScriptManager">    
        
                    </asp:ScriptManager>    
        
                    <button onclick="ShowTooltip()" >Test</button> 
        
                    <telerik:RadToolTip ID="RadToolTip1" runat="server"   
        
                                        Modal="True" IsClientID="True" Sticky="True"   
        
                                        ManualClose="True" Animation="None" Position="Center"   
        
                                        RelativeTo="BrowserWindow"  > 
        
                    <telerik:RadDatePicker Runat="server">  
        
                    </telerik:RadDatePicker> 
        
                </telerik:RadToolTip> 
        
                </form>    
        
            </body>    
        
            </html>

Regards,
Jerome

2 Answers, 1 is accepted

Accepted