1. #1
    Ext JS Premium Member
    Join Date
    Mar 2010
    Posts
    49
    Vote Rating
    0
    FCTim is on a distinguished road

      0  

    Question Border Layout Weight configuration

    Border Layout Weight configuration


    In the PR1 blog entry, Don mentioned this:
    You could not configure the layout such that an east or west region had priority over a north or south region. To achieve this, again, you needed to use nested border layouts.
    Does this mean that we can now have a layout like this without using nested border layouts:
    Code:
    [      |         |      ]
    [      |         |      ]
    [ East | Center  | West ]
    [      |---------|      ]
    [      |  South  |      ]
    I.E where the East and West regions overlay the south region? If so, how do we go about configuring it that way? I tried to take a look at the source changes but couldn't quite grasp it.

    Thanks,
    Tim

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,015
    Vote Rating
    847
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Check this out:

    Code:
    Ext.create('Ext.panel.Panel', {
        renderTo : Ext.getBody(),
        width    : 400,
        height   : 400,
        layout   : 'border',
        items    : [
            {
                title  : 'West',
                region : 'west',
                width  : 100,
                weight : -1
            },
            {
                title  : 'East',
                region : 'east',
                width  : 100,
                weight : -1
            },
            {
                title  : 'South',
                region : 'south',
                height : 100,
                weight : -2
            },
            {
                title  : 'Center',
                region : 'center'
            }
        ]
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Ext JS Premium Member
    Join Date
    Mar 2010
    Posts
    49
    Vote Rating
    0
    FCTim is on a distinguished road

      0  

    Default


    Sweet, thanks!

Thread Participants: 1