Jun 08, 2009, 11:05 PM
How to merge AutoLoaded URL with parent window?
There is this ongoing dilemma that I'm trying to resolve. I want to make use of the AutoLoad page option in a window so that I can create multiple copies of the same window at run time, but the problem is the loaded page inside the window is confined to that window. This creates a problem with popup items, such as tooltips and menus. Check out the following example. If you invoke the menu on the button or the tooltip on the label, you will see that the window strictly confines these elements and ends up rendering scrollbars. I thought maybe the "merge" mode would fix this, but it seems to break the window all together. How can If fix this??
Default.aspx (view this page):
Default.aspx (view this page):
<%@ Page Language="VB" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:Window ID="Window1" runat="server" Collapsible="true" Icon="Application" Title="Title">
<AutoLoad Url="childpage.aspx" Mode="IFrame" ShowMask="true" MaskMsg="Loading..."></AutoLoad>
</ext:Window>
</form>
</body>
</html>
childpage.aspx:<%@ Page Language="VB" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:Button ID="Button1" runat="server" Text="Submit">
<Menu>
<ext:Menu ID="TestMenu1" runat="server">
<Items>
<ext:MenuItem ID="MenuItem1" Text="Menu Item 1">
</ext:MenuItem>
<ext:MenuItem ID="MenuItem2" Text="Menu Item 1">
</ext:MenuItem>
<ext:MenuItem ID="MenuItem3" Text="Menu Item 1">
</ext:MenuItem>
<ext:MenuItem ID="MenuItem4" Text="Menu Item 1">
</ext:MenuItem>
<ext:MenuItem ID="MenuItem5" Text="Menu Item 1">
</ext:MenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:Button>
<ext:Label ID="Label1" runat="server" Text="Hover over me!">
<ToolTips>
<ext:ToolTip Title="This is a looooonnnnnggggg tooltip. It should extend beyond the window bounds but it doesn't..."></ext:ToolTip>
</ToolTips>
</ext:Label>
</form>
</body>
</html>