[CLOSED] IE6 - layout - Stuff flying arround

Page 2 of 4 FirstFirst 1234 LastLast
  1. #11
    AutoHeigth="true" and Layout="Center" is incompatible.

    I can suggest you the following way, see the sample below.

    It looks that everything is ok, but it's not centered under IE6.

    We are investigating.

    Example
    <%@ Page Language="C#" %>
      
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                this.Store1.DataSource = this.Data;
                this.Store1.DataBind();
            }
        }
      
        private object[] Data
        {
            get
            {
                return new object[]
                {
                    new object[] { "3m Co", 71.72, 0.02, 0.03, "9/1 12:00am" },
                    new object[] { "Alcoa Inc", 29.01, 0.42, 1.47, "9/1 12:00am" },
                    new object[] { "Altria Group Inc", 83.81, 0.28, 0.34, "9/1 12:00am" },
                    new object[] { "American Express Company", 52.55, 0.01, 0.02, "9/1 12:00am" },
                    new object[] { "American International Group, Inc.", 64.13, 0.31, 0.49, "9/1 12:00am" },
                    new object[] { "AT&T Inc.", 31.61, -0.48, -1.54, "9/1 12:00am" },
                    new object[] { "Boeing Co.", 75.43, 0.53, 0.71, "9/1 12:00am" },
                    new object[] { "Caterpillar Inc.", 67.27, 0.92, 1.39, "9/1 12:00am" },
                    new object[] { "Citigroup, Inc.", 49.37, 0.02, 0.04, "9/1 12:00am" },
                    new object[] { "E.I. du Pont de Nemours and Company", 40.48, 0.51, 1.28, "9/1 12:00am" },
                    new object[] { "Exxon Mobil Corp", 68.1, -0.43, -0.64, "9/1 12:00am" },
                    new object[] { "General Electric Company", 34.14, -0.08, -0.23, "9/1 12:00am" },
                    new object[] { "General Motors Corporation", 30.27, 1.09, 3.74, "9/1 12:00am" },
                    new object[] { "Hewlett-Packard Co.", 36.53, -0.03, -0.08, "9/1 12:00am" },
                    new object[] { "Honeywell Intl Inc", 38.77, 0.05, 0.13, "9/1 12:00am" },
                    new object[] { "Intel Corporation", 19.88, 0.31, 1.58, "9/1 12:00am" },
                    new object[] { "International Business Machines", 81.41, 0.44, 0.54, "9/1 12:00am" },
                    new object[] { "Johnson & Johnson", 64.72, 0.06, 0.09, "9/1 12:00am" },
                    new object[] { "JP Morgan & Chase & Co", 45.73, 0.07, 0.15, "9/1 12:00am" },
                    new object[] { "McDonald\"s Corporation", 36.76, 0.86, 2.40, "9/1 12:00am" },
                    new object[] { "Merck & Co., Inc.", 40.96, 0.41, 1.01, "9/1 12:00am" },
                    new object[] { "Microsoft Corporation", 25.84, 0.14, 0.54, "9/1 12:00am" },
                    new object[] { "Pfizer Inc", 27.96, 0.4, 1.45, "9/1 12:00am" },
                    new object[] { "The Coca-Cola Company", 45.07, 0.26, 0.58, "9/1 12:00am" },
                    new object[] { "The Home Depot, Inc.", 34.64, 0.35, 1.02, "9/1 12:00am" },
                    new object[] { "The Procter & Gamble Company", 61.91, 0.01, 0.02, "9/1 12:00am" },
                    new object[] { "United Technologies Corporation", 63.26, 0.55, 0.88, "9/1 12:00am" },
                    new object[] { "Verizon Communications", 35.57, 0.39, 1.11, "9/1 12:00am" },
                    new object[] { "Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63, "9/1 12:00am" }
                };
            }
        }
    </script>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:Container 
                        runat="server" 
                        AutoScroll="true" 
                        Layout="hbox" 
                        StyleSpec="position: relative;">
                        <LayoutConfig>
                            <ext:HBoxLayoutConfig Align="Middle" />
                        </LayoutConfig>
                        <Items>
                            <ext:Container runat="server" Flex="1" />
                            <ext:Container runat="server">
                                <Items>
                                    <ext:CompositeField runat="server">
                                        <Items>
                                            <ext:DisplayField runat="server" Text="Test" />
                                        </Items>
                                    </ext:CompositeField>
                                    <ext:GridPanel
                                        ID="GridPanel1"
                                        runat="server"
                                        Title="Array Grid"
                                        Width="600"
                                        Height="200"
                                        AutoExpandColumn="company">
                                        <Store>
                                            <ext:Store ID="Store1" runat="server">
                                                <Reader>
                                                    <ext:ArrayReader>
                                                        <Fields>
                                                            <ext:RecordField Name="company" />
                                                            <ext:RecordField Name="price" Type="Float" />
                                                            <ext:RecordField Name="change" Type="Float" />
                                                            <ext:RecordField Name="pctChange" Type="Float" />
                                                            <ext:RecordField Name="lastChange" Type="Date" DateFormat="M/d hh:mmtt" />
                                                        </Fields>
                                                    </ext:ArrayReader>
                                                </Reader>
                                            </ext:Store>
                                        </Store>
                                        <ColumnModel runat="server">
                                            <Columns>
                                                <ext:Column ColumnID="Company" Header="Company" DataIndex="company" />
                                                <ext:Column Header="Price" DataIndex="price">
                                                </ext:Column>
                                                <ext:Column ColumnID="Change" Header="Change" DataIndex="change">
                                                </ext:Column>
                                                <ext:Column Header="Change" DataIndex="pctChange">
                                                </ext:Column>
                                                <ext:DateColumn Header="Last Updated" DataIndex="lastChange" />
                                            </Columns>
                                        </ColumnModel>
                                        <SelectionModel>
                                            <ext:RowSelectionModel runat="server" SingleSelect="true" />
                                        </SelectionModel>
                                    </ext:GridPanel>
                                    <ext:Container runat="server">
                                        <Content>
                                            <div style="height:1000px;width:185px;border:1px solid red;background-color:red;"></div>
                                        </Content>
                                    </ext:Container>
                                </Items>
                            </ext:Container>
                            <ext:Container runat="server" Flex="1" />
                        </Items>
                    </ext:Container>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
  2. #12
    CenterLayout will not be included in Ext.NET v2, so it would be best to start building with something else now. It should not have been included in v1.0 either.

    Two other options include ColumnLayout or HBox. Both have their idiosyncrasies though.
    Geoffrey McGill
    Founder
  3. #13
    Alright, Geoffrey! I will drop the center layout. Daniil, I tried your code, but it only seems to center when I resize the browser. It initially starts aligned to left. I will give it a shot with column layout and write back Thanks
  4. #14
    Hi,

    I still cant get the layout to work. I switched to column layout, but if you set autoheight = true, it doesnt work. In <ext:ColumnLayout> we have the FitHeight property which would fix this problem. In <ext:Panel or ext:Container Layout="Column"> there isnt this property.

    I cant have a fixed width. I dont know how big every page is going to be.

    Thanks

    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    </head>
    <body>
        <form runat="server">
        <ext:ResourceManager runat="server" />
        Layout ok
        <ext:Panel runat="server" AutoHeight="true" Layout="Column">
            <Items>
                <ext:Panel runat="server" ColumnWidth="0.5" />
                <ext:Panel runat="server" Width="200" Html="This should be at the center" />
                <ext:Panel runat="server" ColumnWidth="0.5" />
            </Items>
        </ext:Panel>
        Layout ok
        <ext:Panel runat="server" AutoHeight="true" Layout="Column">
            <Items>
                <ext:Container runat="server" ColumnWidth="0.5" />
                <ext:Container runat="server" Width="200" Html="This should be at the center" />
                <ext:Container runat="server" ColumnWidth="0.5" />
            </Items>
        </ext:Panel>
        Layout ok
        <ext:Panel runat="server" AutoHeight="true">
            <Items>
                <ext:ColumnLayout Split="true" runat="server">
                    <Columns>
                        <ext:LayoutColumn ColumnWidth="0.5">
                            <ext:Panel runat="server" />
                        </ext:LayoutColumn>
                        <ext:LayoutColumn>
                            <ext:Panel runat="server" Width="200" Html="This should be at the center" />
                        </ext:LayoutColumn>
                        <ext:LayoutColumn ColumnWidth="0.5">
                            <ext:Panel runat="server" />
                        </ext:LayoutColumn>
                    </Columns>
                </ext:ColumnLayout>
            </Items>
        </ext:Panel>
    
        Layout NOK
        <ext:Panel runat="server" AutoHeight="true" Layout="Column">
            <Items>
                <ext:Container runat="server" ColumnWidth="0.5" />
                <ext:Container runat="server" AutoHeight="true" Width="900">
                    <Items>
                        <ext:HyperLink Text="Top links" runat="server" />
                        <ext:Container Layout="ColumnLayout" runat="server">
                            <Items>
                                <ext:Container ColumnWidth="1" runat="server"> <%--main site--%>
                                    <Content>
                                        main
                                    </Content>
                                </ext:Container>
                                <ext:Container Width="150" runat="server"> <%--right menu--%>
                                    <Content>
                                        east
                                    </Content>
                                </ext:Container>
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
                <ext:Container runat="server" ColumnWidth="0.5" />
            </Items>
        </ext:Panel>
        </form>
    </body>
    </html>
  5. #15
    Each Component with a .Layout property also includes an inner <LayoutConfig> property. Within the <LayoutConfig> you can configure the Column Layout specific properties.

    Hope this helps.
    Geoffrey McGill
    Founder
  6. #16
    Please, have a look at this:

    I cant even make a centered 2 column site layout. It just doesnt render.



    <ext:Panel runat="server" AutoHeight="true" Layout="Column">        
              <Items>
                <ext:Container runat="server" ColumnWidth="0.5" />
                <ext:Container runat="server" AutoHeight="true" Width="900">
                    <Items>
                        <ext:HyperLink Text="Top links" runat="server" />
                        <ext:Container Layout="ColumnLayout" runat="server">
                            <Items>
                                <ext:Container ColumnWidth="1" runat="server"> <%--main site--%>
                                    <Content>
                                        main
                                    </Content>
                                </ext:Container>
                                <ext:Container Width="150" runat="server"> <%--right menu--%>
                                    <Content>
                                        east
                                    </Content>
                                </ext:Container>
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
                <ext:Container runat="server" ColumnWidth="0.5" />
            </Items>
        </ext:Panel>
  7. #17
    I made it simple, still doesnt render:

    <ext:Panel runat="server" AutoHeight="true" Layout="Column">
            <Items>
                <ext:Container runat="server" ColumnWidth="0.5" />
                <ext:Container runat="server" AutoHeight="true" Width="900">
                    <Items>
                      <ext:DisplayField Text="2" runat="server" />
                    </Items>
                </ext:Container>
                <ext:Container runat="server" ColumnWidth="0.5" />
            </Items>
        </ext:Panel>
  8. #18
    The Panel is going to need a specific .Height, or be under the layout control of something that has a Height, such as Viewport.

    and yes... not setting a specific .Height and/or using .AutoHeight is unpredictable. I'm working through a sample to see if I can get this working consistently.
    Geoffrey McGill
    Founder
  9. #19
    Okay, summarizing so far:

    1. Center layout is not working;
    2. Column layout doesnt support nesting another column layout [see sample 0];;
    3. Hbox is the best of all, but still not working also:
    3.1 Cotent is rendering different from Items [see sample 1];
    3.2 It doesnt add horizontal bar if screen size is reduced [see sample 2];
    3.3 If you start with a screen size reduced and maximize, text content is cutted [see sample 2].

    So, as of now, I dont think it is possible to code a simple two column centered layout without fix size.

    Desired result:
    <html>
    <head>
        <style type="text/css">
            #main
            {
                width: 800px;
                margin: 0 auto;
            }
            #sidebar
            {
                width: 200px;
                height: 400px;
                background: red;
                float: left;
            }
            
            #page-wrap
            {
                width: 600px;
                background: #ffffff;
                height: 400px;
            }
        </style>
    </head>
    <body>
        <div id="main">
            <div id="sidebar">
                sidebar
            </div>
            <div id="page-wrap">
                pagewrap
            </div>
        </div>
    </body>
    </html>
    Sample 0:
    <ext:Panel runat="server" AutoHeight="true" Layout="Column">        
              <Items>
                <ext:Container runat="server" ColumnWidth="0.5" />
                <ext:Container runat="server" AutoHeight="true" Width="900">
                    <Items>
                        <ext:HyperLink Text="Top links" runat="server" />
                        <ext:Container Layout="ColumnLayout" runat="server">
                            <Items>
                                <ext:Container ColumnWidth="1" runat="server"> <%--main site--%>
                                    <Content>
                                        main
                                    </Content>
                                </ext:Container>
                                <ext:Container Width="150" runat="server"> <%--right menu--%>
                                    <Content>
                                        east
                                    </Content>
                                </ext:Container>
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
                <ext:Container runat="server" ColumnWidth="0.5" />
            </Items>
        </ext:Panel>
    Sample 1:
        <ext:Container runat="server" Layout="hbox">
            <LayoutConfig>
                <ext:HBoxLayoutConfig Align="Middle" />
            </LayoutConfig>
            <Items>
                <ext:Container runat="server" Flex="1" />
                <ext:Container Width="900" runat="server">
                    <Items>
                        <ext:DisplayField Text="This Show" runat="server" />
                        <ext:Container runat="server" Layout="hbox">
                            <Items>
                                <ext:Container runat="server" Flex="1">
                                    <Content>
                                        Site body
                                    </Content>
                                </ext:Container>
                                <ext:Container Width="150" runat="server">
                                    <Content>
    /* In my site code I am content here, because FormPanel is replaced by   <asp:ContentPlaceHolder ID="east" runat="server" /> */
                                        <ext:FormPanel AutoHeight="true" runat="server">
                                            <Content>
                                                <ext:HyperLink Text="Link 1" runat="server" />
                                                <ext:HyperLink Text="Link 1" runat="server" />
                                                <ext:HyperLink Text="Link 1" runat="server" />
                                            </Content
                                        </ext:FormPanel>
                                    </Content>
                                </ext:Container>
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
                <ext:Container runat="server" Flex="1" />
            </Items>
        </ext:Container>
    Sample 2:
     <ext:Container runat="server" Layout="hbox">
            <LayoutConfig>
                <ext:HBoxLayoutConfig Align="Middle" />
            </LayoutConfig>
            <Items>
                <ext:Container runat="server" Flex="1" />
                <ext:Container Width="900" runat="server">
                    <Items>
                        <ext:DisplayField Text="This Showwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwws"
                            runat="server" />
                    </Items>
                </ext:Container>
                <ext:Container runat="server" Flex="1" />
            </Items>
        </ext:Container>
  10. #20
    Quote Originally Posted by Daniil View Post
    AutoHeigth="true" and Layout="Center" is incompatible.

    I can suggest you the following way, see the sample below.

    It looks that everything is ok, but it's not centered under IE6.

    We are investigating.

    Example
    <%@ Page Language="C#" %>
      
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                this.Store1.DataSource = this.Data;
                this.Store1.DataBind();
            }
        }
      
        private object[] Data
        {
            get
            {
                return new object[]
                {
                    new object[] { "3m Co", 71.72, 0.02, 0.03, "9/1 12:00am" },
                    new object[] { "Alcoa Inc", 29.01, 0.42, 1.47, "9/1 12:00am" },
                    new object[] { "Altria Group Inc", 83.81, 0.28, 0.34, "9/1 12:00am" },
                    new object[] { "American Express Company", 52.55, 0.01, 0.02, "9/1 12:00am" },
                    new object[] { "American International Group, Inc.", 64.13, 0.31, 0.49, "9/1 12:00am" },
                    new object[] { "AT&T Inc.", 31.61, -0.48, -1.54, "9/1 12:00am" },
                    new object[] { "Boeing Co.", 75.43, 0.53, 0.71, "9/1 12:00am" },
                    new object[] { "Caterpillar Inc.", 67.27, 0.92, 1.39, "9/1 12:00am" },
                    new object[] { "Citigroup, Inc.", 49.37, 0.02, 0.04, "9/1 12:00am" },
                    new object[] { "E.I. du Pont de Nemours and Company", 40.48, 0.51, 1.28, "9/1 12:00am" },
                    new object[] { "Exxon Mobil Corp", 68.1, -0.43, -0.64, "9/1 12:00am" },
                    new object[] { "General Electric Company", 34.14, -0.08, -0.23, "9/1 12:00am" },
                    new object[] { "General Motors Corporation", 30.27, 1.09, 3.74, "9/1 12:00am" },
                    new object[] { "Hewlett-Packard Co.", 36.53, -0.03, -0.08, "9/1 12:00am" },
                    new object[] { "Honeywell Intl Inc", 38.77, 0.05, 0.13, "9/1 12:00am" },
                    new object[] { "Intel Corporation", 19.88, 0.31, 1.58, "9/1 12:00am" },
                    new object[] { "International Business Machines", 81.41, 0.44, 0.54, "9/1 12:00am" },
                    new object[] { "Johnson & Johnson", 64.72, 0.06, 0.09, "9/1 12:00am" },
                    new object[] { "JP Morgan & Chase & Co", 45.73, 0.07, 0.15, "9/1 12:00am" },
                    new object[] { "McDonald\"s Corporation", 36.76, 0.86, 2.40, "9/1 12:00am" },
                    new object[] { "Merck & Co., Inc.", 40.96, 0.41, 1.01, "9/1 12:00am" },
                    new object[] { "Microsoft Corporation", 25.84, 0.14, 0.54, "9/1 12:00am" },
                    new object[] { "Pfizer Inc", 27.96, 0.4, 1.45, "9/1 12:00am" },
                    new object[] { "The Coca-Cola Company", 45.07, 0.26, 0.58, "9/1 12:00am" },
                    new object[] { "The Home Depot, Inc.", 34.64, 0.35, 1.02, "9/1 12:00am" },
                    new object[] { "The Procter & Gamble Company", 61.91, 0.01, 0.02, "9/1 12:00am" },
                    new object[] { "United Technologies Corporation", 63.26, 0.55, 0.88, "9/1 12:00am" },
                    new object[] { "Verizon Communications", 35.57, 0.39, 1.11, "9/1 12:00am" },
                    new object[] { "Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63, "9/1 12:00am" }
                };
            }
        }
    </script>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:Container 
                        runat="server" 
                        AutoScroll="true" 
                        Layout="hbox" 
                        StyleSpec="position: relative;">
                        <LayoutConfig>
                            <ext:HBoxLayoutConfig Align="Middle" />
                        </LayoutConfig>
                        <Items>
                            <ext:Container runat="server" Flex="1" />
                            <ext:Container runat="server">
                                <Items>
                                    <ext:CompositeField runat="server">
                                        <Items>
                                            <ext:DisplayField runat="server" Text="Test" />
                                        </Items>
                                    </ext:CompositeField>
                                    <ext:GridPanel
                                        ID="GridPanel1"
                                        runat="server"
                                        Title="Array Grid"
                                        Width="600"
                                        Height="200"
                                        AutoExpandColumn="company">
                                        <Store>
                                            <ext:Store ID="Store1" runat="server">
                                                <Reader>
                                                    <ext:ArrayReader>
                                                        <Fields>
                                                            <ext:RecordField Name="company" />
                                                            <ext:RecordField Name="price" Type="Float" />
                                                            <ext:RecordField Name="change" Type="Float" />
                                                            <ext:RecordField Name="pctChange" Type="Float" />
                                                            <ext:RecordField Name="lastChange" Type="Date" DateFormat="M/d hh:mmtt" />
                                                        </Fields>
                                                    </ext:ArrayReader>
                                                </Reader>
                                            </ext:Store>
                                        </Store>
                                        <ColumnModel runat="server">
                                            <Columns>
                                                <ext:Column ColumnID="Company" Header="Company" DataIndex="company" />
                                                <ext:Column Header="Price" DataIndex="price">
                                                </ext:Column>
                                                <ext:Column ColumnID="Change" Header="Change" DataIndex="change">
                                                </ext:Column>
                                                <ext:Column Header="Change" DataIndex="pctChange">
                                                </ext:Column>
                                                <ext:DateColumn Header="Last Updated" DataIndex="lastChange" />
                                            </Columns>
                                        </ColumnModel>
                                        <SelectionModel>
                                            <ext:RowSelectionModel runat="server" SingleSelect="true" />
                                        </SelectionModel>
                                    </ext:GridPanel>
                                    <ext:Container runat="server">
                                        <Content>
                                            <div style="height:1000px;width:185px;border:1px solid red;background-color:red;"></div>
                                        </Content>
                                    </ext:Container>
                                </Items>
                            </ext:Container>
                            <ext:Container runat="server" Flex="1" />
                        </Items>
                    </ext:Container>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    The following example is related to the one above, but it also works fine under IE6.

    The difference:

    1. Pack="Center" for HBox
    2. Container with Flex="1" are removed
    3. Fixed Width for Container

    Example
    <%@ Page Language="C#" %>
       
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                this.Store1.DataSource = this.Data;
                this.Store1.DataBind();
            }
        }
       
        private object[] Data
        {
            get
            {
                return new object[]
                {
                    new object[] { "3m Co", 71.72, 0.02, 0.03, "9/1 12:00am" },
                    new object[] { "Alcoa Inc", 29.01, 0.42, 1.47, "9/1 12:00am" },
                    new object[] { "Altria Group Inc", 83.81, 0.28, 0.34, "9/1 12:00am" }
                };
            }
        }
    </script>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:Container
                        runat="server"
                        AutoScroll="true"
                        Layout="HBoxLayout"
                        StyleSpec="position: relative;">
                        <LayoutConfig>
                            <ext:HBoxLayoutConfig Pack="Center" />
                        </LayoutConfig>
                        <Items>
                            <ext:Container runat="server" Width="600">
                                <Items>
                                    <ext:CompositeField runat="server">
                                        <Items>
                                            <ext:DisplayField runat="server" Text="Test" />
                                        </Items>
                                    </ext:CompositeField>
                                    <ext:GridPanel
                                        ID="GridPanel1"
                                        runat="server"
                                        Title="Array Grid"
                                        Width="600"
                                        Height="200"
                                        AutoExpandColumn="company">
                                        <Store>
                                            <ext:Store ID="Store1" runat="server">
                                                <Reader>
                                                    <ext:ArrayReader>
                                                        <Fields>
                                                            <ext:RecordField Name="company" />
                                                            <ext:RecordField Name="price" Type="Float" />
                                                            <ext:RecordField Name="change" Type="Float" />
                                                            <ext:RecordField Name="pctChange" Type="Float" />
                                                            <ext:RecordField Name="lastChange" Type="Date" DateFormat="M/d hh:mmtt" />
                                                        </Fields>
                                                    </ext:ArrayReader>
                                                </Reader>
                                            </ext:Store>
                                        </Store>
                                        <ColumnModel runat="server">
                                            <Columns>
                                                <ext:Column ColumnID="Company" Header="Company" DataIndex="company" />
                                                <ext:Column Header="Price" DataIndex="price">
                                                </ext:Column>
                                                <ext:Column ColumnID="Change" Header="Change" DataIndex="change">
                                                </ext:Column>
                                                <ext:Column Header="Change" DataIndex="pctChange">
                                                </ext:Column>
                                                <ext:DateColumn Header="Last Updated" DataIndex="lastChange" />
                                            </Columns>
                                        </ColumnModel>
                                        <SelectionModel>
                                            <ext:RowSelectionModel runat="server" SingleSelect="true" />
                                        </SelectionModel>
                                    </ext:GridPanel>
                                    <ext:Container runat="server">
                                        <Content>
                                            <div style="height:1000px;width:185px;border:1px solid red;background-color:red;"></div>
                                        </Content>
                                    </ext:Container>
                                </Items>
                            </ext:Container>
                        </Items>
                    </ext:Container>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
Page 2 of 4 FirstFirst 1234 LastLast

Similar Threads

  1. [CLOSED] Localization - EventMasks and stuff without ID?
    By wagger in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 08, 2011, 6:02 AM
  2. Replies: 0
    Last Post: Mar 25, 2011, 3:12 PM
  3. [CLOSED] Basic Layout question for Layout Fit / AutoHeight
    By macap in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 07, 2010, 11:57 AM
  4. [1.0] Gridpanel GroupingView flying button
    By SouthDeveloper in forum Bugs
    Replies: 4
    Last Post: Feb 25, 2010, 4:56 PM
  5. Replies: 1
    Last Post: Oct 13, 2008, 12:42 PM

Posting Permissions