Success! Looks like we've fixed this one. According to our records the fix was applied for DSIGNERONE-1 in a recent build.
  1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    13
    Vote Rating
    0
    JulianB is on a distinguished road

      0  

    Default Bug: Tablelayout

    Bug: Tablelayout


    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:
    • Code:
      columns: 2
      to
      Code:
      layoutConfig: {columns: 2}
    • This is a VERY BAD fix, as it gets reset afer each export
    Attached Images

  2. #2
    Sencha - Architect Dev Team Phil.Strong's Avatar
    Join Date
    Mar 2007
    Location
    Baltimore, MD
    Posts
    1,843
    Vote Rating
    57
    Phil.Strong is just really nice Phil.Strong is just really nice Phil.Strong is just really nice Phil.Strong is just really nice

      0  

    Default


    Here is what I'm thinking for codegen:
    Code:
    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);
        }
    });
    Phil Strong
    @philstrong
    #SenchaArchitect
    Sencha Architect Development Team

Thread Participants: 1