Heigth of List in VBox

[jonmurua]

Hello:

I have a Container which holds the followings in a vbox layout:

• Form
• List
• List

It is working fine if I set the flex values, however, I would like to have the list panels immediately after the end of the form and not starting at a set position.
In addition, I would like to have the container panel as one scrollable panel, and 3 scrollable panels as I have them now.

I have created a test container where I have the followings:

• Panel with only html
• List

By setting the attribute heigth:'auto' to the first panel, I have manage to place the list just at the end of the first panel, however, it does not work with the formpanel or list.

Any ideas?

Ext.define('PlatformOneFE.view.Property', {
    extend : 'Ext.Container',
    xtype : 'property',


    requires : [ 'PlatformOneFE.view.PropertyDetails',
            'PlatformOneFE.view.Contacts' ],


    config : {
        title : 'Property',
        layout : 'vbox',


        items : [ {
            xtype : 'propertyDetails',
            height : 'auto'
        }, {
            xtype : 'contacts',
            flex : 2
        }, ]
    }
});

Ext.define('PlatformOneFE.view.PropertyDetails', {
    extend : 'Ext.Panel',
    xtype : 'propertyDetails',


    config : {
        html : 'Details in here',
    }
});

Ext.define("PlatformOneFE.view.Contacts", {
    extend: 'Ext.List',
    xtype: 'contacts',


    config: {
        title: 'Contacts',
        itemTpl: [
                  '<h3>{lastname}, {firstname}</h3>'
              ],
        store: 'Contacts',
});

[Tchinkatchuk]

I am looking for that too.
I'ms ure it is possible but it would be nice to have an explanation about the correct layout configuration

[Tchinkatchuk]

Does anyone has a clue on this ?
Dis you succeed "jonmurua" ?

[jonmurua]

No, I did not manage to do it.
Anybody?

[borden0108]

this needs to be a feature of sencha touch.

[grgur]

If I understood that right, you want to maximize the height of the list? If so, the layout will do that for you.

Instead of just setting layout: 'vbox', make sure you let the layout know how to align the nested component elements by changing the setting to

layout: {
	type: 'vbox',
	align: 'stretch'
}

If this does not suite your needs, please post an example or screenshots of what you want vs what you get. Thanks