Bug: Tablelayout

[JulianB]

Designer version tested:

• Designer: 1.2.2 Build: 48

Operating System:

• Ubuntu 11.10 3.0.0-15-generic x86_64 / Gnome Shell 3.2.1

Framework:

• Ext JS 3.4

Description:

• When using "Table Layout", Number of columns set is ignored.

Test Case:

not given


Steps to reproduce the problem:

• Create a panel
• Use the cog to switch to table layout
• set columns to 2
• add three panels inside the first

The result that was expected:

• A panel with three panels inside, two in the first row, one in the second

The result that occurs instead:

• three panels inside a single row

Screenshot(s) or Video:

• attached

Debugging already done:

• none

Possible fix:

• Changes in MyPanelUi.js:

• columns: 2

  to

  layoutConfig: {columns: 2}

• This is a VERY BAD fix, as it gets reset afer each export

[Phil.Strong]

Here is what I'm thinking for codegen:

MyPanelUi = Ext.extend(Ext.Panel, {
    height: 250,
    width: 400,
    layout: {
        columns: 2,
        type: 'table'
    },
    title: 'My Panel',

    initComponent: function() {
        Ext.applyIf(this, {
            items: [
                {
                    xtype: 'panel',
                    height: 50,
                    width: 50,
                    title: 'My Panel'
                },
                {
                    xtype: 'panel',
                    height: 100,
                    width: 100,
                    title: 'My Panel'
                },
                {
                    xtype: 'panel',
                    height: 50,
                    width: 50,
                    title: 'My Panel'
                }
            ]
        });

        MyPanelUi.superclass.initComponent.call(this);
    }
});