fieldcontainer only works with layout : hbox ?

[dedoz]

heres the documentation with live example
http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.FieldContainer

tried to change the layout to vbox (editing the live code example) to arrange fields in a vertical way, and shows nothing, not even an error.

FieldContainer only works with hbox layout ?

[josephkirubakaran]

Am not much familiar with FieldContainer. However the layout 'anchor' is able to arrange those fields in a vertical way.

Ext.create('Ext.form.Panel', {
    title: 'FieldContainer Example',
    width: 550,
    bodyPadding: 10,

    items: [{
        xtype: 'fieldcontainer',
        fieldLabel: 'Last Three Jobs',
        labelWidth: 100,

        // The body area will contain three text fields, arranged
        // horizontally, separated by draggable splitters.
        layout: 'anchor',
        items: [{
            xtype: 'textfield',
            flex: 1
        }, {
            xtype: 'splitter'
        }, {
            xtype: 'textfield',
            flex: 1
        }, {
            xtype: 'splitter'
        }, {
            xtype: 'textfield',
            flex: 1
        }]
    }],
    renderTo: Ext.getBody()
});

[josephkirubakaran]

Also vbox is working when you provide height.

Ext.create('Ext.form.Panel', {
    title: 'FieldContainer Example',
    width: 550,
    bodyPadding: 10,

    items: [{
        xtype: 'fieldcontainer',
        fieldLabel: 'Last Three Jobs',
        labelWidth: 100,
        height:100,
        
        // The body area will contain three text fields, arranged
        // horizontally, separated by draggable splitters.
        layout: 'vbox',
        items: [{
            xtype: 'textfield',
            flex: 1
        }, {
            xtype: 'splitter'
        }, {
            xtype: 'textfield',
            flex: 1
        }, {
            xtype: 'splitter'
        }, {
            xtype: 'textfield',
            flex: 1
        }]
    }],
    renderTo: Ext.getBody()
});

[dedoz]

you again, next time ill ask you directly , ill be your nightmare.

thank you very much.