Results 1 to 3 of 3

Thread: Filling free space container.

  1. #1
    Sencha User
    Join Date
    May 2012
    Location
    Belarus, Gomel
    Posts
    42
    Answers
    3
    Vote Rating
    -1
      0  

    Default Answered: Filling free space container.

    Hi all.
    I have 4 container. The second has the selectField inside themselves. Fourth docked bottom and has a fixed height. How to stretch the first and third container so that they take up all available space. Should be like this. Please help me.

    Code:
    Ext.define('MyApp.view.MyContainer', {    extend: 'Ext.Container',
    
    
        config: {
            items: [
                {
                    xtype: 'container',
                    style: 'background: green'
                },
                {
                    xtype: 'container',
                    items: [
                        {
                            xtype: 'selectfield',
                            label: 'Field'
                        }
                    ]
                },
                {
                    xtype: 'container',
                    style: 'background: green'
                },
                {
                    xtype: 'container',
                    docked: 'bottom',
                    height: '2.5em',
                    style: 'background: red',
                    layout: {
                        type: 'hbox'
                    }
                }
            ]
        }
    
    
    });
    P.S. Sorry for my English

  2. You can use the flex property or a fit layout. Please take a look at this guide.

  3. #2
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,149
    Answers
    132
    Vote Rating
    101
      1  

    Default

    You can use the flex property or a fit layout. Please take a look at this guide.

  4. #3
    Sencha User
    Join Date
    May 2012
    Location
    Belarus, Gomel
    Posts
    42
    Answers
    3
    Vote Rating
    -1
      0  

    Default

    Thank you very much

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •