[CLOSED] Portal with ColumnLayout Not Adjusting to Browser Height Changes

  1. #1

    [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.
  2. #2
    Hello @uberkang!

    It seems just setting Flex="1" on your PortalColumn is enough to trigger the auto-height.

    This may also be an interesting approach to take: Stretching a Portal.

    I hope this helps!
    Fabrício Murta
    Developer & Support Expert
  3. #3

    Solved

    Obrigado Fabricio - you can close this thread.
  4. #4
    Hello @uberkang! Thanks for the feedback, glad the answer was helpful!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] ColumnLayout Height 100%
    By osef in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 19, 2012, 10:57 AM
  2. [CLOSED] Splitter Bar Height Problem with ColumnLayout
    By ISI in forum 1.x Legacy Premium Help
    Replies: 16
    Last Post: Jun 08, 2011, 7:35 AM
  3. [CLOSED] Height of DIV element is not adjusting correctly
    By ISI in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: May 19, 2011, 3:19 PM
  4. [CLOSED] RowLayout and ColumnLayout Browser render problem
    By kenanhancer in forum 1.x Legacy Premium Help
    Replies: 21
    Last Post: Jan 10, 2011, 7:20 PM
  5. [CLOSED] ColumnLayout with 100% Height
    By iansriley in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 10, 2009, 9:14 AM

Posting Permissions