Threaded View

  1. #1
    Sencha User
    Join Date
    Dec 2008
    Posts
    20
    Vote Rating
    0
    ogradyjd is on a distinguished road

      0  

    Default [Answered] ExtJS 4.1 layout problem

    [Answered] ExtJS 4.1 layout problem


    All I've done here is take the example from the docs for a column layout panel with two child panels, and stick that in a window component, and the result is the window not centering itself on the page anymore and what looks to be broken title bars for the panels.

    I am having a bear of a time trying to get this modal thing I'm working on to render right. I've tried using straight-up html content in the window, but the window does not respect the dimensions of the child container div. So now I'm trying to go the route of all ExtJS content in the modal, and as soon as I start adding panels like below, I get strange results.

    Code:
    var newModal = Ext.create('Ext.Window',{
        renderTo: Ext.getBody(),
        id: 'hello',
        title: 'Modal Window Title',
        modal: true,
        border: 0,
        items: [{
            xtype: 'panel',
            title: 'Nested Panel',
            layout: 'column',
            items: [{
                xtype: 'panel',
                title: 'Child Panel 1',
                height: 100,
                columnWidth: 0.5,
                html: 'child panel 1'
            },{
                xtype: 'panel',
                title: 'Child Panel 2',
                height: 100,
                columnWidth: 0.5,
                html: 'child panel 2'
            }]
        }]
    });
    newModal.show();
    Last edited by ogradyjd; 16 Jun 2012 at 10:12 AM. Reason: Question was answered