title: How to display a Ext.FormPanel in a popup in Ext JS?
body: <p>I can create a "confirm box" in Ext JS like this:</p>
  
  <p><img src="https://i.stack.imgur.com/22dFp.png" alt="enter image description here"></p>
  
  <p>with this code:</p>
  
  <pre><code>...
  listeners: {
      'afterrender' : function(p) {
          p.header.on('click', function(e, h) {
              Ext.MessageBox.confirm('Confirm', 'Are you sure you want to EDIT this?', function(btn) {
                  var button_answer = new Ext.Panel({
                      title: 'Invoice Address',
                      width: 290,
                      height: 200,
                      html: 'you clicked the ' + btn + ' button for EDIT',
                      frame: true,
                      border: true,
                      header: true
                  });
                  replaceComponentContent(small_box_upper_left, button_answer, true);
              });
          }, p, {
              delegate: '.panel_header_icon2',
              stopEvent: true
          });
      },
   ...
  </code></pre>
  
  <p><strong>How can I create a pop-up-with-dimmed-background like this but instead of a MessageBox it has a Ext.FormPanel in it?</strong> , e.g. how can I put this code inside a popup with dimmed background?</p>
  
  <pre><code>new Ext.FormPanel({
          frame:true,
          labelWidth: 90,
          labelAlign: 'right',
          title: 'Orderer Information',
          bodyStyle:'padding:5px 5px 0',
          width: 300,
          height: 600,
          autoScroll: true,
          itemCls: 'form_row',
          defaultType: 'displayfield',
          items: [{
                  fieldLabel: 'Customer Type',
                  name: 'customerType',
                  allowBlank:false,
                  value: 'Company'
              },{
                  fieldLabel: 'Company',
                  name: 'company',
                  value: 'The Ordering Company Inc.'
              },{
                  fieldLabel: 'Last Name',
                  name: 'lastName',
                  value: 'Smith'
              }]
      });
  </code></pre>