Nested layouts cause javascript rendering errors

  1. #1

    Nested layouts cause javascript rendering errors

    The javascript code is bad for this example: (Caused by "button4")

    <ext:Viewport ID="Viewport1" runat="server">
            <Items>
                <ext:BorderLayout ID="BorderLayout1" runat="server">
                    <West Collapsible="true" Split="true" MinWidth="175" MaxWidth="400" MarginsSummary="5 0 5 5"
                        CMarginsSummary="5 5 5 5">
                        <ext:BorderLayout runat="server" ID="container2">
                        <Center>
                            <Items>
                                <ext:Button ID="Button4" runat="server" Text="lala"></ext:Button>
                            </Items>
                        </Center>
                        </ext:BorderLayout>
                    </West>
                    <Center MarginsSummary="5 5 5 0">
                        <ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" Title="TabPanel" AnimCollapse="false"
                            AnimScroll="false" TabPosition="Bottom">
                            <Items>
                                <ext:Panel ID="Panel4" runat="server" Title="Tab 1" Layout="Fit">
                                    <Items>
                                        <ext:Panel runat="server">
                                            <AutoLoad Url="http://www.google.com/" Mode="IFrame" />
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:TabPanel>
                    </Center>               
                </ext:BorderLayout>
            </Items>
        </ext:Viewport>
    Am i doing something wrong?
  2. #2
    Hi alonweiss,

    Between your <West> region and the nested <ext:BorderLayout>, you need to add a Container (Container, Panel, TabPanel, etc).

    Example

    <West 
        Collapsible="true" 
        Split="true" 
        MinWidth="175" 
        MaxWidth="400" 
        MarginsSummary="5 0 5 5"
        CMarginsSummary="5 5 5 5">
        <!-- require Container type here -->
            
            <ext:BorderLayout runat="server" ID="container2">
    
        <!-- end Container -->
    I'll look into throwing an exception for the scenario you configured.
    Geoffrey McGill
    Founder

Similar Threads

  1. [CLOSED] Help debugging various javascript errors
    By jmcantrell in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 23, 2010, 12:31 PM
  2. [CLOSED] [1.0] ColumnModel JavaScript errors
    By egodoy in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 29, 2010, 11:18 AM
  3. Javascript errors when upgrading to 0.8.2
    By principal_X in forum 1.x Help
    Replies: 4
    Last Post: Jan 07, 2010, 9:06 PM
  4. [CLOSED] javascript errors with the latest
    By alexp in forum 1.x Legacy Premium Help
    Replies: 10
    Last Post: Oct 28, 2009, 12:07 PM
  5. javascript errors when render
    By nanosassa in forum 1.x Help
    Replies: 2
    Last Post: May 09, 2009, 12:10 PM

Tags for this Thread

Posting Permissions