title: Multiple column in FormPanel ExtJs 3.2
body: <p>I am trying to create a form in ExtJs that has rows of two columns and others of three, i have this:</p>
  
  <p><a href="https://i.stack.imgur.com/BsN0e.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BsN0e.png" alt="Click to see"></a></p>
  
  <p>but i want that the fields: "Fecha Escritura", "Acción" y "Fecha Escritura" to be in the same row.</p>
  
  <p>this is my code:</p>
  
  <pre><code> formBuscador = new Ext.FormPanel({
      labelWidth : 120,
      frame : true,
      title : buscador,
      bodyStyle : 'padding:5px 5px 0',
      width : 1200,
      renderTo : 'gridFormularioBusqueda',
      items : [ {
          //xtype: 'form',
          layout : 'column',
          labelAlign: 'left',
          defaults: {
                xtype: 'container',
                layout: 'form',
                columnWidth: 0.5,
                labelWidth: 185
             },
             items: [   
                      {items: [{
                                  xtype : 'textfield',
                                  fieldLabel : idEmpleado,
                                  allowBlank : true,
                                  name : 'idEmpleadoP',
                                  id : 'idEmpleadoPB',
                                  autoCreate: {tag: 'input', type: 'text', autocomplete: 'off',maxlength: '9'}
                              }]
                      },{items: [{
                                  xtype : 'textfield',
                                  fieldLabel : nif,
                                  allowBlank : true,
                                  name : 'nifP',
                                  id : 'nifPB',
                                  autoCreate: {tag: 'input', type: 'text', autocomplete: 'off',maxlength: '9'}
                                }]
                      },{items: [{
                                  xtype : 'textfield',
                                  fieldLabel : nombre,
                                  allowBlank : false,
                                  blankText : campoNoVacioNombre,
                                  name : 'nombreP',
                                  id : 'nombrePB',
                                  autoCreate: {tag: 'input', type: 'text', autocomplete: 'off',maxlength: '100'}
                                }]
                      },{items: [{
                                  xtype : 'textfield',
                                  fieldLabel : apellidos,
                                  allowBlank : false,
                                  blankText : campoNoVacioApellido,
                                  name : 'apellidosP',
                                  id : 'apellidosPB',
                                  autoCreate: {tag: 'input', type: 'text', autocomplete: 'off',maxlength: '100'}
                                }]
                      },{items: [{
                                  xtype : 'textfield',
                                  fieldLabel : notario,
                                  allowBlank : false,
                                  blankText : campoNoVacioNotario,
                                  name : 'notarioP',
                                  id : 'notarioPB',
                                  autoCreate: {tag: 'input', type: 'text', autocomplete: 'off',maxlength: '75'}
                                }]
                      },{items: [{
                                  xtype : 'numberfield',
                                  fieldLabel : numeroProtocolo,
                                  allowBlank : false,
                                  blankText : campoNoVacioNumeroProtocolo,
                                  name : 'numeroProtocoloP',
                                  id : 'numeroProtocoloPB',
                                  autoCreate: {tag: 'input', type: 'text', autocomplete: 'off',maxlength: '5'}
                                }]
                      },{items: [{
                                  fieldLabel : incluidaDelegacion,
                                  html: "&lt;select id='incluidaDelegacionPB' name='incluidaDelegacionP' style='border-color:#b5b8c8;background-color:white;width:20%;height:95%;margin-bottom:9px;margin-top: 1px;' &gt;" +
                                          "&lt;option id='incluidaDelegacionPBNo' value='false'&gt;No&lt;/option&gt;" +
                                          "&lt;option id='incluidaDelegacionPBSi' value='true'&gt;Si&lt;/option&gt;" +
                                          "&lt;/select&gt; "
                                }]
                      },{items: [{
                                  fieldLabel : revocacionDelegacion,
                                  html: "&lt;select id='revocacionDelegacionBP' name='revocacionDelegacionB' style='border-color:#b5b8c8;background-color:white;width:20%;height:95%;margin-bottom:9px;margin-top: 6px;' &gt;" +
                                          "&lt;option id='revocacionDelegacionPBNo' value='false'&gt;No&lt;/option&gt;" +
                                          "&lt;option id='revocacionDelegacionPBSi' value='true'&gt;Si&lt;/option&gt;" +
                                          "&lt;/select&gt; "
                                }]
                      },{items: [{
                                  fieldLabel : revocado,
                                  html: "&lt;select id='revocadoPB' name='revocadoP' style='border-color:#b5b8c8;background-color:white;width:20%;height:95%;margin-bottom:10px;margin-top: 1px;' &gt;" +
                                          "&lt;option id='revocadoPBNo' value='false'&gt;No&lt;/option&gt;" +
                                          "&lt;option id='revocadoPBSi' value='true'&gt;Si&lt;/option&gt;" +
                                          "&lt;/select&gt; "
                                }]
                      },{items: [{
                                  fieldLabel : limiteCuantitativo,
                                  html: "&lt;select id='limiteCuantitativoBP' name='limiteCuantitativoP' style='border-color:#b5b8c8;background-color:white;width:20%;height:95%;margin-bottom:10px;margin-top: 1px;' &gt;" +
                                          "&lt;option id='limiteCuantitativoPBNo' value='false'&gt;No&lt;/option&gt;" +
                                          "&lt;option id='limiteCuantitativoPBSi' value='true'&gt;Si&lt;/option&gt;" +
                                          "&lt;/select&gt; "
                                }]
                      },{items: [{
                                  xtype : 'datefield',
                                  fieldLabel : fechaEscritura,
                                  allowBlank : false,
                                  blankText : campoNoVacioFechaEscritura,
                                  labelWidth: 100,
                                  name : 'fechaEscrituraP',
                                  id : 'fechaEscrituraPB',
                                  editable : false,
                                  autoCreate: {tag: 'input', type: 'text', autocomplete: 'off',maxlength: '10'}
                                }]
                      },{items: [{
                                  fieldLabel : 'Acción',
                                  html: "&lt;select id='accionFechaEscrituraBP' name='accionFechaEscrituraBP' style='border-color:#b5b8c8;background-color:white;width:20%;height:95%;margin-bottom:10px;margin-top: 1px;' &gt;" +
                                          "&lt;option id='accionFechaEscrituraBPAnterior' value='Anterior'&gt;Anterior&lt;/option&gt;" +
                                          "&lt;option id='accionFechaEscrituraBPPosterior' value='Posterior'&gt;Posterior&lt;/option&gt;" +
                                          "&lt;option id='accionFechaEscrituraBPEntre' value='Entre'&gt;Entre&lt;/option&gt;" +
                                          "&lt;option id='accionFechaEscrituraBPIgualA' value='IgualA'&gt;Igual A&lt;/option&gt;" +
                                          "&lt;/select&gt; "
                                }]
                      },{items: [{
                                  xtype : 'datefield',
                                  fieldLabel : fechaEscritura,
                                  allowBlank : false,
                                  blankText : campoNoVacioFechaEscritura,
                                  name : 'fechaEscrituraPFin',
                                  id : 'fechaEscrituraPBFin',
                                  editable : false,
                                  autoCreate: {tag: 'input', type: 'text', autocomplete: 'off',maxlength: '10'}
                                }]
                      }]
              }]
  
      });
  </code></pre>
  
  <p>The last three are the ones that do not work, i have been trying with a new columnWith, and with but that don't work, any idea?</p>