Results 1 to 2 of 2

Thread: Size vertically columns in a border layout

  1. #1
    Sencha User PhiLho's Avatar
    Join Date
    Nov 2011
    Location
    Near Paris, France
    Posts
    140
    Answers
    2

    Default Size vertically columns in a border layout

    I am a beginner at Ext JS, and I try to do a POC to evaluate it.

    I made a container with a border layout, and in its center, I added another container with a column layout.

    In each column, I put a mono-column grid panel (the rows of each grid are independent of the other grids).

    The problem is, unless I put a height in pixels on the grids, they go beyond the center region, spilling on the south region. I have to set the height to an arbitrary size to get a scrollbar on these grids.

    So, my question is: is there a way to tell the layout to size the content of the columns to the height of the center region?
    Do I have to listen for resizing events and set the heights accordingly, or is there a smarter, more declarative way?

    Thanks.

  2. #2
    Sencha User slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165
    Answers
    505

    Default

    Hi,

    Instead of using a column layout in the center region try using:

    Code:
    layout: {
        type: 'hbox',
        align: 'stretch'
    }
    and set flex: 1 on the grid configs.

Tags for this Thread

Posting Permissions

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