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 ...
The aspx of the Tooltip page is:
Kind Regards
David
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> Items) |
| <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
1 Answer, 1 is accepted
0
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
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