[SOLVED] South Panel is not at the bottom

  • by
  • on 01.08.09
  • creampiesca.com
  • edit
  • Hi all.

    I finally got time to look into Ext 2.0 and I already got a small issue (nice with the error messages that actually makes sense!).
    I have a simple layout with an west and center Panel. In the west Panel I have three (3) Panels which is north, center and south. The problem is that the south Panel is not aligned with the bottom of the viewport.

    var viewport = new Ext.Viewport({
    layout:'border',
    items:[
    {
    region: 'west',
    contentEl: 'west-pane',
    width: 210,
    autoHeight: true,
    items: [
    {
    region: 'north',
    contentEl: 'logo',
    height: 160
    },{
    region: "center",
    el: "contextBox",
    autoHeight: true,
    title: Localize.contextBoxTitle
    },{
    region: 'south',
    el: 'toolBox',
    height: 100,
    title: Localize.toolBoxTitle
    }
    ]
    },{
    region: 'center',
    contentEl: 'content'
    }
    ]
    });

    haven't figured out what the difference is between el and contentEl yet
    In Ext 1.* I would have created a master layout and then added contentPanels as north, center and south - works like a charm. What am I missing in Ext 2.0?

    Thanks in advance!


  • Hi. I made some modifications to your code, and tested it using the technique you'll find in my signature; it's working OK:


    Ext.getBody().update(
    'west







    • #If you have any other info about this subject , Please add it free.#
    Your name:
    E-mail:
    Telphone:

    Your comments:


    If you have any other info about [SOLVED] South Panel is not at the bottom , Please add it free.