RadToolTip only displaying half of it's content over a RadPane intersection

2 posts, 0 answers
  1. hkdave95
    hkdave95 avatar
    245 posts
    Member since:
    Nov 2006

    Posted 26 Sep 2007 Link to this post

    Hi

    You can see an example of what I mean @ http://daresoft.no-ip.co.uk/the-dl-outlet by hovering on the "Shopping Basket" text in the top right corner.

    Only half of the Tooltip is visible the rest is below the next Pane.

    The aspx of the "Holding" page is ...
    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> 
     
    <%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" 
        Namespace="System.Web.UI" TagPrefix="asp" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
     
    <%@ Register Assembly="RadMenu.Net2" Namespace="Telerik.WebControls" TagPrefix="radM" %> 
     
    <!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 runat="server">  
        <title>the-dl-outlet.co.uk - Ralph Lauren, Guess, Calvin Klein and Timberland</title> 
        <link type="text/css" href="resources/main.css" rel="Stylesheet" /> 
    </head> 
    <body id="bodyDefault" runat="server" style="background-image: url('images/logobackground.png');">  
        <form id="formDefault" runat="server">  
            <telerik:RadScriptManager ID="rsmDefault" runat="server">  
            </telerik:RadScriptManager> 
            <telerik:RadAjaxManager ID="ramDefault" runat="server">  
                <AjaxSettings> 
                    <telerik:AjaxSetting AjaxControlID="ramDefault">  
                        <UpdatedControls> 
                            <telerik:AjaxUpdatedControl ControlID="rpDefaultPage" LoadingPanelID="ralpDefault" /> 
                        </UpdatedControls> 
                    </telerik:AjaxSetting> 
                </AjaxSettings> 
            </telerik:RadAjaxManager> 
            <telerik:RadAjaxLoadingPanel ID="ralpDefault" runat="server" Height="75px" Width="75px">  
                <asp:Image ID="imgLoading" runat="server" AlternateText="Loading..." ImageUrl="~/RadControls/Ajax/Skins/Default/Loading.gif" /> 
            </telerik:RadAjaxLoadingPanel> 
            <telerik:RadWindowManager ID="rwmDefault" runat="server">  
            </telerik:RadWindowManager> 
            <div id="divMain" runat="server" class="divMain">  
                <center> 
                    <table style="width: 850px; height: 100%;" cellspacing="0" border="0">  
                        <tr> 
                            <td style="background-image: url('images/black-tile.gif'); width: 90px;">  
                                <asp:ImageButton ID="imgL" runat="server" ImageUrl="images/black-tile.gif" Width="90px" /> 
                            </td> 
                            <td style="vertical-align: top; height: 100%;">  
                                <telerik:RadSplitter ID="rsDefaultPage" runat="server" width="100%" height="100%" Orientation="Horizontal" BorderSize="0">  
                                    <telerik:RadPane ID="rpDefaultHeader" runat="server" width="100%" height="100px" Locked="true" Scrolling="none" BorderWidth="0">  
                                    </telerik:RadPane> 
                                    <telerik:RadPane ID="rpDefaultPage" runat="server" width="100%" height="100%" Scrolling="none" BorderWidth="0" Visible="true">  
                                    </telerik:RadPane> 
                                    <telerik:RadPane ID="rpDefaultFooter" runat="server" width="100%" height="50px" Locked="true" Scrolling="none" BorderWidth="0">  
                                    </telerik:RadPane> 
                                </telerik:RadSplitter> 
                            </td> 
                            <td style="background-image: url('images/black-tile.gif'); width: 90px;">  
                                <asp:ImageButton ID="imgR" runat="server" ImageUrl="images/black-tile.gif" Width="90px" /> 
                            </td> 
                        </tr> 
                    </table> 
                </center> 
            </div> 
        </form> 
        <!--  
        <script type="text/javascript" language="javascript">  
            window.onload = function()  
            {  
                setTimeout( function(){ window['<%= ramDefault.ClientID %>'].AjaxRequest('InitialPageLoad'); }, 200);  
            }  
        </script> 
        -> 
    </body> 
    </html> 
     


    The aspx of the Tooltip page is:
    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="header.aspx.vb" Inherits="header" %> 
     
    <%@ Register Assembly="RadMenu.Net2" Namespace="Telerik.WebControls" TagPrefix="radM" %> 
     
    <%@ 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"> 
     
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head id="Head1" runat="server">  
        <title></title>  
        <link type="text/css" href="~/resources/main.css" rel="Stylesheet" /> 
    </head> 
    <body> 
        <form id="formHeader" runat="server">  
            <telerik:RadScriptManager ID="rsmHeader" runat="server">  
            </telerik:RadScriptManager> 
            <telerik:RadAjaxManager ID="ramHeader" runat="server">  
                <AjaxSettings> 
                    <telerik:AjaxSetting AjaxControlID="rmMenu">  
                        <UpdatedControls> 
                            <telerik:AjaxUpdatedControl ControlID="rwmHeader" LoadingPanelID="ralpHeader" /> 
                            <telerik:AjaxUpdatedControl ControlID="rmMenu" /> 
                        </UpdatedControls> 
                    </telerik:AjaxSetting> 
                </AjaxSettings> 
            </telerik:RadAjaxManager> 
            <telerik:RadAjaxLoadingPanel ID="ralpHeader" runat="server" Height="75px" 
                Width="75px">  
                <asp:Image ID="imgLoading" runat="server" AlternateText="Loading..." ImageUrl="~/RadControls/Ajax/Skins/Default/Loading.gif" /> 
            </telerik:RadAjaxLoadingPanel> 
            <telerik:RadWindowManager ID="rwmHeader" runat="server">  
            </telerik:RadWindowManager> 
            <telerik:RadToolTipManager ID="rttmHeader" runat="server">  
            </telerik:RadToolTipManager> 
            <div id="divHeader" runat="server">  
                <telerik:RadSplitter ID="rsHeader" runat="server" width="100%" height="100%" BorderSize="0" Orientation="Horizontal">  
                    <telerik:RadPane ID="rpHeader" runat="server" width="100%" height="100%" BorderWidth="0" Scrolling="None">  
                        <table style="width: 100%; height: 100%; background-image: url(../images/light-tile.gif); padding: 10px;">  
                            <tr> 
                                <td style="width: 330px; vertical-align: top;">  
                                    <center> 
                                        <img src="../images/logo.png" alt="" width="300px" /> 
                                    </center> 
                                </td> 
                                <td align="right" style="vertical-align: top;">  
                                    <table> 
                                        <tr> 
                                            <td> 
                                                <radM:RadMenu ID="rmMenu" runat="server" Width="320px" Font-Bold="true" DefaultGroupSettings-ExpandDirection="Down" ExpandAnimation-Type="InOutElastic">  
                                                </radM:RadMenu> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td align="right">  
                                                (<asp:Label ID="lblNoOfItems" runat="server">0</asp:Label>&nbsp;Items)&nbsp;  
                                                <asp:Label ID="lblShoppingBasket" runat="server"><span style="text-decoration: underline;">Shopping Basket</span></asp:Label> 
                                                <telerik:RadToolTip ID="rttShoppingBasket" runat="server" Animation="Fade" TargetControlID="lblShoppingBasket" ManualClose="true">  
                                                    Shopping Bastket !  
                                                    <br /> 
                                                    1  
                                                    <br /> 
                                                    2  
                                                    <br /> 
                                                    3  
                                                </telerik:RadToolTip> 
                                            </td> 
                                        </tr> 
                                    </table> 
                                </td> 
                            </tr> 
                        </table> 
                    </telerik:RadPane> 
                </telerik:RadSplitter> 
            </div> 
        </form> 
    </body> 
    </html> 
     

    Kind Regards

    David
  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 04 Oct 2007 Link to this post

    Hello David,

    I see that Peter has already answered your support ticket on the same subjects. For convenience I am pasting his reply below:


    Hello David,

    Thank you very much for sending a running demo project.

    Both problems are caused by the fact that you load aspx pages in the RadPane controls and the elements within those pages cannot go beyond the html boundaries set by the pages. You should consider perhaps a different approach.


    All the best,
    Peter
    the Telerik team



    Sincerely yours,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top