Results 1 to 10 of 12

Thread: [Answered] ExtJS 4.1 layout problem

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Dec 2008
    Vote Rating

    Default [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.

    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'
    Last edited by ogradyjd; 16 Jun 2012 at 10:12 AM. Reason: Question was answered

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts