What's New?

[CLOSED] ColumnLayout

  1. #1
    Sep 14, 2011, 7:34 PM

    [CLOSED] ColumnLayout

    I need to divide ColumnLayout use my column in 50% and 50%
    But I would put another control with 100% width, as shown in the example below.
    But it is giving error.

    <ext:Viewport ID="ViewPort1" runat="server">
        <Items>
        <ext:Panel ID="Panel3" runat="server" Title="Width=0.25" Html="This is some content." />
            <ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="true">
                <Columns>
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel1" runat="server" Title="Width=0.25" Html="This is some content." />
                    </ext:LayoutColumn>
                    
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel2" runat="server" Title="Width=0.75" Html="This is some content." />
                    </ext:LayoutColumn>
                    
                    
                </Columns>
            </ext:ColumnLayout>
        </Items>
    </ext:Viewport>
    Last edited by Daniil; Sep 19, 2011 at 6:23 PM. Reason: [CLOSED]
  2. #2
    Sep 14, 2011, 7:54 PM
    Sorry, I did not understand the question. Can you provide more details about requirement?
  3. #3
    Sep 14, 2011, 7:56 PM
    Quote Originally Posted by Vladimir View Post
    Sorry, I did not understand the question. Can you provide more details about requirement?
    If I use the following structure gives error.

    <ext:Viewport ID="ViewPort1" runat="server">
        <Items>
        <ext:Panel ID="Panel3" runat="server" Title="Width=1" Html="This is some content." />
            <ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="true">
                <Columns>
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel1" runat="server" Title="Width=0.5" Html="This is some content." />
                    </ext:LayoutColumn>
                     
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel2" runat="server" Title="Width=0.5" Html="This is some content." />
                    </ext:LayoutColumn>
                     
                     
                </Columns>
            </ext:ColumnLayout>
        </Items>
    </ext:Viewport>
  4. #4
    Sep 14, 2011, 8:00 PM
    What error do you have?
    Also, add Layout="Fit" for ViewPort
  5. #5
    Sep 14, 2011, 8:06 PM
    Quote Originally Posted by Vladimir View Post
    What error do you have?
    Also, add Layout="Fit" for ViewPort
    The error persists

    <ext:Viewport ID="ViewPort1" runat="server" Layout="FitLayout">
        <Items>
        <ext:Panel ID="Panel3" runat="server" Title="Width=0.25" Html="This is some content." />
            <ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="true">
                <Columns>
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel1" runat="server" Title="Width=0.25" Html="This is some content." />
                    </ext:LayoutColumn>
                    
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel2" runat="server" Title="Width=0.75" Html="This is some content." />
                    </ext:LayoutColumn>
                    
                    
                </Columns>
            </ext:ColumnLayout>
        </Items>
    </ext:Viewport>
  6. #6
    Sep 14, 2011, 8:08 PM
    Please describe the error
  7. #7
    Sep 14, 2011, 8:12 PM
    Quote Originally Posted by Vladimir View Post
    Please describe the error
    It's giving me a JavaScript error when opening the screen.

    Error

    Detalhes dos erros da página da Web

    Agente de Usuário: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.1)
    Carimbo de data/hora: Wed, 14 Sep 2011 20:11:51 UTC


    Mensagem: ';' esperado
    Linha: 16
    Caractere: 458
    Código: 0
    URI: http://localhost:3528/Gh/Rh/Views/WebForm1.aspx


    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Sispro.Gh.Perfil.PL.SGhCadastrosView.Gh.Rh.Views.WebForm1" %>
<%@ 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></title>
</head>
<body>
   <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
    <ext:Viewport ID="ViewPort1" runat="server" Layout="FitLayout">
        <Items>
        <ext:Panel ID="Panel3" runat="server" Title="Width=0.25" Html="This is some content." />
            <ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="true">
                <Columns>
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel1" runat="server" Title="Width=0.25" Html="This is some content." />
                    </ext:LayoutColumn>
                    
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel2" runat="server" Title="Width=0.75" Html="This is some content." />
                    </ext:LayoutColumn>
                    
                    
                </Columns>
            </ext:ColumnLayout>
        </Items>
    </ext:Viewport>
</body>
</html>
  8. #8
    Sep 14, 2011, 8:17 PM
    You did not wrap the column layout by the panel (you close the panel in the same line)
  9. #9
    Sep 14, 2011, 8:20 PM
    Quote Originally Posted by Vladimir View Post
    You did not wrap the column layout by the panel (you close the panel in the same line)
    I want to do something like the attached image.
    Attached Thumbnails Click image for larger version.  Name: Sem tÃ*tulo.jpg  Views: 69  Size: 10.8 KB  ID: 3185  
  10. #10
    Sep 14, 2011, 8:24 PM 
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Sispro.Gh.Perfil.PL.SGhCadastrosView.Gh.Rh.Views.WebForm1" %>
<%@ 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></title>
</head>
<body>
   <ext:ResourceManager ID="ResourceManager1" runat="server" />
     
    <ext:Viewport ID="ViewPort1" runat="server" Layout="AnchorLayout" DefaultAnchor="100%">
        <Items>
        <ext:Panel ID="Panel3" runat="server" Title="Width=0.25" Html="This is some content." />
        <ext:Panel runat="server" Height="100">
            <ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="true">
                <Columns>
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel1" runat="server" Title="Width=0.25" Html="This is some content." />
                    </ext:LayoutColumn>
                     
                    <ext:LayoutColumn ColumnWidth="0.5">
                        <ext:Panel ID="Panel2" runat="server" Title="Width=0.75" Html="This is some content." />
                    </ext:LayoutColumn>
                     
                     
                </Columns>
            </ext:ColumnLayout>
          </ext:Panel
        </Items>
    </ext:Viewport>
</body>
</html>

Similar Threads

  1. [CLOSED] ColumnLayout
    By majestic in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 30, 2010, 9:25 AM
  2. [CLOSED] [1.0] ColumnLayout in FieldSet
    By rcaunt in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 04, 2010, 1:50 PM
  3. [CLOSED] ColumnLayout w/Split
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Jan 25, 2010, 12:49 PM
  4. [CLOSED] FieldSet and ColumnLayout
    By HOWARDJ in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 29, 2009, 6:06 AM
  5. [CLOSED] ColumnLayout with 100% Height
    By iansriley in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 10, 2009, 9:14 AM

Posting Permissions