[CLOSED] ColumnLayout - how do I make it resize if its container is resized?

[wagger]

Hey,
I have a columnLayout and inside that some panels. Its streches at first (page load) but when I resize it doesnt update the size of the columns or their panels... What am I missing?

<ext:Panel runat="server" Border="false" AutoWidth="true" MonitorResize="true">
    <Items>
        <ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" >
            <Columns>
                <ext:LayoutColumn ColumnWidth="0.15">
                    <ext:Panel ID="Panel1" runat="server" Height="30" Layout="FormLayout" Padding="3">
                        <Items>
                            <ext:Label runat="server" Text="test1" FieldLabel="Test1"></ext:Label>
                        </Items>
                    </ext:Panel>
                </ext:LayoutColumn>
                    
                <ext:LayoutColumn ColumnWidth="0.35">
                    <ext:Panel ID="Panel2" runat="server" Height="30" Layout="FormLayout" Padding="3">
                        <Items>
                            <ext:Label ID="Label1" runat="server" Text="test2" FieldLabel="test2"></ext:Label>
                        </Items>
                    </ext:Panel>

                </ext:LayoutColumn>
                    
                <ext:LayoutColumn ColumnWidth="0.5">
                    <ext:Panel ID="Panel3" runat="server" Width="0.5" Height="30" Layout="FormLayout" Padding="3">
                        <Items>
                            <ext:Label ID="Label2" runat="server" Text="test3" FieldLabel="test3"></ext:Label>
                        </Items>
                    </ext:Panel>
                </ext:LayoutColumn>
            </Columns>
        </ext:ColumnLayout>
    </Items>
</ext:Panel>

[Daniil]

Hi,

Well, the Panel with ColumnLayout is not resized when you resize the browser's window.

For example, if you would wrap that Panel in a Viewport with some layout that manages width, you will see that that Panel's width is updated after resizing.

[Vladimir]

Hi,

Please remove AutoWidth from the panel (AutoWidth cannot be used with ColumnLayout if items has percentage width)

[Daniil]

Hi again,

We have made some further investigation and discovered that, unfortunately, ColumnLayout doesn't support resizing when Split="true".

When one thing I can suggest is still Viewport with FitLayout. But I'm not sure that this sill work fine in all cases.