title: ExtJS - Lining up form elements in FormPanel column layout
body: <p>I have a FormPanel with 3 columns. Each column is 33% of the FormPanel width. Looks something like this:</p>
  
  <pre><code>searchForm = new Ext.FormPanel({
      frame: true,
      title: 'Search Criteria',
      labelAlign: 'left',
      labelStyle: 'font-weight:bold;',
      labelWidth: 85,
      width: 900,
      items: [{
          layout: 'column',
          items: [{ // column #1
              columnWidth: .33,
              layout: 'form',
              items: [{
                  xtype: 'textfield',
                  fieldLabel: 'Banner ID',
                  name: 'bannerID',
                  anchor: '95%',
              },
              new Ext.form.ComboBox({
                  fieldLabel: 'Advertiser',
                  typeAhead: true,
                  triggerAction: 'all',
                  mode: 'local',
                  emptyText: 'Advertiser',
                  store: advertiserList,
                  valueField: 'id',
                  displayField: 'name'
              })] // close items for first column
          }, {
              columnWidth: .33,
              layout: 'form',
              items: [{
                  xtype: 'textfield',
                  fieldLabel: 'Banner Name',
                  name: 'bannerName',
                  anchor: '95%',
              },
              new Ext.form.ComboBox({
                  fieldLabel: 'Art Type',
                  typeAhead: true,
                  triggerAction: 'all',
                  mode: 'local',
                  emptyText: 'Art Type',
                  store: artTypesList,
                  valueField: 'id',
                  displayField: 'name'
              })] // close items for second column
          }, {
              columnWidth: .33,
              layout: 'form',
              items: [{
                  xtype: 'hidden'
              },
              new Ext.form.ComboBox({
                  fieldLabel: 'Art Size',
                  typeAhead: true,
                  triggerAction: 'all',
                  mode: 'local',
                  emptyText: 'Art Size',
                  store: artSizeList,
                  valueField: 'id',
                  displayField: 'name'
              })] // close items for third column
          }]
      }]
  }); // close searchForm FormPanel
  </code></pre>
  
  <p>It displayed something that looks like this:
  <img src="https://i.stack.imgur.com/Jwa7g.png" alt="Screenshot"></p>
  
  <p>Only problem is I want the "Art Size" field/label to be aligned on the same row as the "Advertiser" and "Art Type" fields. Is there any way to add a "blank" item, such that it forces the entry down to the correct row? Is there another approach to this that I'm missing?</p>
  
  <p>Thanks!</p>
  
  <p><strong>EDIT:
  This worked:</strong></p>
  
  <pre><code>{
      xtype: 'component',
      fieldLabel: '&amp;nbsp;',
      labelSeparator: ' ',  
  }
  </code></pre>