What's New?

Column layout question

  1. #1
    Mar 11, 2009, 5:18 AM

    Column layout question



    Hi
    I have a viewport that is 880px wide. In this I have a border layout that I want to look like this, but I dont really know how the ColumnWith works. In the ext doc, there sould be a property width, that uses pixels. I cant fint this in coolite ColumnLayout

    <ext:ColumnLayout ID="ColumnLayoutHome1" runat="server" FitHeight="true" >
    <ext:LayoutColumn Width="540">
    </ext:LayoutColumn>
    <ext:LayoutColumn Width="40"> <-Just for space between the columns
    </ext:LayoutColumn>
    <ext:LayoutColumn ColumnWidth="1">                                    
    </ext:LayoutColumn>
</ext:ColumnLayout>
    /Mikael
  2. #2
    Mar 11, 2009, 8:36 AM

    RE: Column layout question

    Hi Mikael,

    The LayoutColumn Width property is always evaluated as a percentage, and must be a decimal value greater than 0 and less or equal 1 (e.g., 0.25). If you need fixed width then apply required width for LayoutColumn item

    <ext:ColumnLayout runat="server" Split="true" FitHeight="true">
    <ext:LayoutColumn ColumnWidth="0.25">
        <ext:Panel runat="server" Title="Width=0.25">
            <Body>
                This is some content.
            </Body>
        </ext:Panel>
    </ext:LayoutColumn>
    
    <ext:LayoutColumn ColumnWidth="0.75">
        <ext:Panel runat="server" Title="Width=0.75">
            <Body>
                This is some content.
            </Body>
        </ext:Panel>
    </ext:LayoutColumn>
    
    <ext:LayoutColumn>
        <ext:Panel runat="server" Title="Width=250px" Width="250">
            <Body>
                This is some content.
            </Body>
        </ext:Panel>
    </ext:LayoutColumn>
</ext:ColumnLayout>
  3. #3
    Mar 11, 2009, 9:10 AM

    RE: Column layout question

    Hi
    Ok I see, i just thougt that is was possible after seeing this code example fro ext doc.
    But its maybe not the same thing.

    var p = new Ext.Panel({
    title: 'Column Layout - Mixed',
    layout:'column',
    items: [{
        title: 'Column 1',
        width: 120
    },{
        title: 'Column 2',
        columnWidth: .8
    },{
        title: 'Column 3',
        columnWidth: .2
    }]
});
    /Mikael

Similar Threads

  1. [CLOSED] layout issue when using RowLayout within column layout
    By Daly_AF in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 11, 2012, 2:40 PM
  2. How to save grid panel layout (save column order, column positions etc.) ?
    By teo80 in forum 1.x Help
    Replies: 1
    Last Post: Jul 27, 2011, 10:19 AM
  3. [CLOSED] vbox layout inside column layout
    By craig2005 in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 04, 2011, 2:44 PM
  4. [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
  5. [CLOSED] Layout Question
    By Sharon in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 02, 2009, 10:31 AM

Posting Permissions