[CLOSED] layout issue when using RowLayout within column layout

  1. #1

    [CLOSED] layout issue when using RowLayout within column layout

    Hi,
    I implemented a specific layout that takes a RowLayout within a ColumnLayout, I had this JS error :
    invalid label [Stopper sur une erreur]     
    ...youtConfig:{split:true}});{id:"_pnl1",xtype:"panel",rowHeight:0.25,title:"test"}...
    I reproduced the problem this is the code below :
    <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <meta name="viewport" content="width=device-width" />
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:Viewport ID="Viewport1" runat="server">
            <Items>
                <ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="true">
                    <Columns>
                        <ext:LayoutColumn ColumnWidth="0.6">
                            <ext:RowLayout ID="RowLayout1" runat="server" Split="true">
                                <Rows>
                                    <ext:LayoutRow RowHeight="0.25">
                                        <ext:Panel ID="_pnl1" runat="server" Title="test" />
                                    </ext:LayoutRow>
                                    <ext:LayoutRow RowHeight="0.25">
                                        <ext:Panel ID="_pnl2" runat="server" />
                                    </ext:LayoutRow>
                                    <ext:LayoutRow RowHeight="0.25">
                                        <ext:Panel ID="_pnl3" runat="server" />
                                    </ext:LayoutRow>
                                    <ext:LayoutRow RowHeight="0.25">
                                        <ext:Panel ID="_pnl4" runat="server" />
                                    </ext:LayoutRow>
                                </Rows>
                            </ext:RowLayout>
                        </ext:LayoutColumn>
                        <ext:LayoutColumn ColumnWidth="0.4">
                            <ext:Panel ID="Panel2" runat="server" Title="Second Column" Html="This is some content." />
                        </ext:LayoutColumn>
                    </Columns>
                </ext:ColumnLayout>
            </Items>
        </ext:Viewport>
    </body>
    </html>
    Thank you in advance.
    Last edited by Daniil; Jun 11, 2012 at 3:53 PM. Reason: [CLOSED]
  2. #2
    Hi,

    You should set up an Ext.NET container with RowLayout for each column.

    Any Layout controls don't make sense without a container.
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    You should set up an Ext.NET container with RowLayout for each column.

    Any Layout controls don't make sense without a container.
    Thank you it works

Similar Threads

  1. [CLOSED] Splitter In Column Layout IE7 Issue
    By nhg_itd in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jan 18, 2012, 6:42 AM
  2. [CLOSED] vbox layout inside column layout
    By craig2005 in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 04, 2011, 3:44 PM
  3. Replies: 3
    Last Post: Nov 22, 2010, 3:32 PM
  4. [CLOSED] [1.0] Issue with Viewport/Row/Column Layout in Chrome & Safari
    By chrisbranson in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 24, 2010, 3:55 PM
  5. Replies: 4
    Last Post: Dec 30, 2009, 2:31 AM

Posting Permissions