[CLOSED] force do layout for all panel

  1. #1

    [CLOSED] force do layout for all panel

    i've problem with the layout, sometime in some screen resolutions the layout is like overlapping, I've tips to call doLayout on 1st load or change resize the browser. how to do that?

    FYI, we use web browser control.

    http://i.imgur.com/dsH1A.png

        <ext:Viewport ID="Viewport_MultiPatient" runat="server" Layout="Center">
            <Items>
                <ext:BorderLayout ID="BorderLayout_MultiPatient" runat="server">
                    <North Split="true" Collapsible="false">
                        <ext:Panel ID="Panel_Header" runat="server" Layout="ColumnLayout" AutoHeight="true" Padding="2">
                            <Items>
                                <ext:ColumnLayout ID="ColumnLayout_Header" runat="server" Split="false" FitHeight="true">
                                    <Columns>
                                        <ext:LayoutColumn ColumnWidth="0.70">
                                            <ext:Container ID="Container_MultiResultHeaderLeft" runat="server" Height="25" Border="false">
                                                <Content>
                                                    <table class="header">
                                                        <tr>
                                                            <td>
                                                                <ext:SelectBox ID="SelectBox_View" runat="server" Width="275" ForceSelection="true" Cls="selectbox">
                                                                    <DirectEvents>
                                                                        <Select OnEvent="SelectBox_View_Selected" >
                                                                            <EventMask ShowMask="true" />
                                                                        </Select>
                                                                    </DirectEvents>
                                                                </ext:SelectBox>
                                                            </td>
                                                            <td class="DescTD">
                                                                <ext:Label ID="Label_Description" runat="server" Text="" Cls="Desc" />
                                                            </td>
                                                            <td class="LastUpdatedTD">
                                                                <ext:Label ID="Label_LastUpdated" runat="server" Text="" Cls="LastUpdated" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </Content>
                                            </ext:Container>
                                        </ext:LayoutColumn>
                                        <ext:LayoutColumn ColumnWidth="0.30">
                                            <ext:Container ID="Container_MultiResultHeaderRight" runat="server" Height="25" Border="false">
                                                <Content>
                                                    <div class="position">
                                                        <div class="position-right">
                                                            <table>
                                                                <tr>
                                                                    <td>
                                                                        <ext:Button ID="Button_AdvancedSearch" runat="server" Text="Advanced Search" Icon="Find" OnDirectClick="Button_AdvancedSearch_Clicked"/>
                                                                        <ext:Button ID="Button_LastUpdated" runat="server" Text="Last Updated : " Icon="Reload" Hidden="true">
                                                                            <Listeners>
                                                                                <Click Handler="return false;" />
                                                                            </Listeners>
                                                                        </ext:Button>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </Content>
                                            </ext:Container>
                                        </ext:LayoutColumn>
                                    </Columns>
                                </ext:ColumnLayout>
                            </Items>
                        </ext:Panel>
                    </North>
                    <Center>
                        <ext:Panel ID="Panel_Content" runat="server" html="removed">
                        </ext:Panel>
                    </Center>
                </ext:BorderLayout>
            </Items>
        </ext:Viewport>
    Last edited by Daniil; Dec 05, 2011 at 5:41 PM. Reason: [CLOSED]
  2. #2
    Hi,

    You should set up fixed Height for a North region. It's a requirement of the BorderLayout.
    any child items with a region of north or south must have height defined.
    See
    http://docs.sencha.com/ext-js/3-4/#!...t.BorderLayout

    So, please remote AutoHeight of the Panel_Header and set up some fixed Height.

    One more issue.

    If you use any layout control is a top item in Items collection, then Layout property of a container doesn't make any sense.

    I mean that Layout="Center" is ignored in the code below.
    <ext:Viewport runat="server" Layout="Center">
    
        <Items>
            <ext:BorderLayout runat="server">
    You can set up Layout="BorderLayout" and remove a Layout control. Then you should set up a respective properties for items like Region="Center", etc.
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    You should set up fixed Height for a North region. It's a requirement of the BorderLayout.


    See
    http://docs.sencha.com/ext-js/3-4/#!...t.BorderLayout

    So, please remote AutoHeight of the Panel_Header and set up some fixed Height.

    One more issue.

    If you use any layout control is a top item in Items collection, then Layout property of a container doesn't make any sense.

    I mean that Layout="Center" is ignored in the code below.
    <ext:Viewport runat="server" Layout="Center">
    
        <Items>
            <ext:BorderLayout runat="server">
    You can set up Layout="BorderLayout" and remove a Layout control. Then you should set up a respective properties for items like Region="Center", etc.
    thanks...its because we just do copy and paste from the demo and remove/add here and there, then forgotten.

    we'll remove the layout="center" in viewport
    and give some height in the panel

Similar Threads

  1. [CLOSED] Ext.Net panel layout config...
    By ViDom in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 18, 2012, 11:01 AM
  2. Layout within Panel
    By AlexMaslakov in forum 1.x Help
    Replies: 3
    Last Post: Oct 31, 2011, 9:41 AM
  3. [CLOSED] Layout problem with a Panel
    By Bert76 in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jul 12, 2011, 8:13 AM
  4. panel layout help
    By norphos in forum 1.x Help
    Replies: 1
    Last Post: May 30, 2011, 6:55 AM
  5. [CLOSED] [1.0] fit panel layout
    By PoloTheMonk in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Feb 23, 2010, 3:57 AM

Posting Permissions