Jun 27, 2017, 9:55 PM
[CLOSED] Portal with ColumnLayout Not Adjusting to Browser Height Changes
I'm trying to create a Portal with 4 Portlets (2x2) using a Column Layout. All Portlets should resize dynamically. The horizontal initial sizing and resizing works fine. The vertical initial sizing and resizing are not working - I'd like them to be 50% each height within each column. Can you please let me know what I've configured incorrectly? Thanks
<%@ Page Language="vb" AutoEventWireup="false" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
<form id="form1" runat="server">
<div>
<ext:Viewport ID="ViewportMain" runat="server" Layout="FitLayout">
<Items>
<ext:Portal ID="PortalHome" runat="server" Border="true" Layout="ColumnLayout" Scrollable="Disabled">
<Items>
<ext:PortalColumn runat="server" ID="PortalColumn1" ColumnWidth="0.35" BodyPadding="10" Layout="AnchorLayout">
<Items>
<ext:Portlet runat="server" ID="Portlet1" Title="P1" AnchorHorizontal="50%" AnchorVertical="50%">
<Loader runat="server" AutoLoad="true" Url="http://ext.net/">
</Loader>
</ext:Portlet>
<ext:Portlet runat="server" ID="Portlet2" Title="P2" AnchorHorizontal="100%" AnchorVertical="50%">
<Loader runat="server" AutoLoad="true" Url="http://ext.net/">
</Loader>
</ext:Portlet>
</Items>
</ext:PortalColumn>
<ext:PortalColumn runat="server" ID="PortalColumn2" ColumnWidth="0.65" BodyPadding="10" Layout="AnchorLayout">
<Items>
<ext:Portlet runat="server" ID="Portlet3" Title="P1" AnchorHorizontal="100%" AnchorVertical="50%">
<Loader runat="server" AutoLoad="true" Url="http://ext.net/">
</Loader>
</ext:Portlet>
<ext:Portlet runat="server" ID="Portlet4" Title="P2" AnchorHorizontal="50%" AnchorVertical="50%">
<Loader runat="server" AutoLoad="true" Url="http://ext.net/" >
</Loader>
</ext:Portlet>
</Items>
</ext:PortalColumn>
</Items>
</ext:Portal>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
Last edited by fabricio.murta; Jun 29, 2017 at 2:02 PM.