Results 1 to 2 of 2

Thread: border layout panel height depending on content

  1. #1
    Sencha Premium Member teddyjas's Avatar
    Join Date
    Dec 2007
    Location
    Singapore
    Posts
    262
    Vote Rating
    0
      0  

    Default border layout panel height depending on content

    Hi,
    I've been trying to find the solution for this, but have not found any luck.
    Below is panel with border layout.
    each region has a grid in it.
    If I collapse all the grid the panel height will not be resized accordingly.
    How to do that?

    I have tried autoHeight: true, but this not working as well

    Code:
    var p = new Ext.Panel({
    layout:'border'
    ,monitorResize: true
    ,autoHeight:false
    ,height:90
    items:[
    {
                region:'west',
                id:this.id+'-west',
                border: false,
                autoHeight:true,
                items: grid1
        },
    {
                region:'eastt',
                id:this.id+'-east',
                border: false,
                autoHeight:true,
                items: grid2
        },{
                region:'center',
                id:this.id+'-west',
                border: false,
                autoHeight:true,
                items: grid3
        }
    ]
    });

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,608
    Vote Rating
    59
      0  

    Default

    Overnest.

    Code:
    var p = new Ext.Panel({
    layout:'border'
    ,monitorResize: true
    ,autoHeight:false
    ,height:90
    items:[grid1, grid2, grid3]
    });
    Where the Grids are configured with region, title etc.

Posting Permissions

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