title: comments between form fields in ext.js 2.3
body: <p>I am new to ext.js and this may seem easy to some of you but not to me.
  I have a form that is build with ext.js version 2.3. I am trying to place comments between the form fields. I mean the following:</p>
  
  <ul>
  <li>inputLabel1:  text form input</li>
  <li>commentLabel: some text</li>
  <li>inputLabel2:  text form field</li>
  </ul>
  
  <p>I am having difficulty with the second line above. I don't need it to be an input field - just a label and some text next to it, which are aligned with the form labels and input fields on the rest of the rows.</p>
  
  <p>Input fields are defined as follows:  </p>
  
  <pre><code>var formParts =
    this.formParts = [];
  
    var receiptAmount = new Ext.Form.NumberField( {   
      id: 'receiptAmount',  
      name: 'receiptAmount',  
      cls:'inputNoRightBorder ',  
      fieldLabel: messages.amount,  
      allowNegative: true,  
      hideLabel: false,  
      decimalSeparator: messages.decimalSeparator,  
      decimalPrecision: 2,  
      groupingSeparator: messages.groupingSeparator,  
      value: 0,  
      labelSeparator:  messages.asteriskLineBreaker  
  } );
  </code></pre>
  
  <p>Then they are placed in containers:</p>
  
  <pre><code>var grossAmount =   {
        border: false,
        layout: 'column',
        labelWidth: 190,
        cls: 'labelStyle',
        border: true,
        baseCls: 'ourPanel',
        items: [
          {
            id: 'receiptAmountContainer',
            border: false,
            layout: 'form',
            items: [receiptAmount]
          },
          {
            id: 'receiptCurrencyContainer',
            border: false,
            layout: 'form',
            items: [receiptCurrency]
          }
        ]
      };
  </code></pre>
  
  <p>The latter are placed in field sets:</p>
  
  <pre><code>var receiptFinancialData = {
        id: "receiptFinancialData",
        border: false,
        layout: 'column',
        labelWidth: 120,
        cls: 'column-style',//'#background-color: #DFE8F6',
        border: true,
        baseCls: 'ourPanel',
        height: 50,
        title: messages.taxRate + ':',
        header: false,
        items: [
          receiptExchangeRateMirror,
          receiptExchangeAmountMirror,
          {
            border: false,
            layout: 'form',
            items: [grossAmount]
          },
          {
            border: false,
            layout: 'form',
            cls: 'labelStyle',
            items: [taxRate]
          }
        ]
      };
  </code></pre>
  
  <p>And again:</p>
  
  <pre><code>  var singleLineItemContainer = new Ext.form.FieldSet( {
        id: 'singleLineItemContainer',
        name: 'singleLineItemContainer',
        cls: 'singleLineItemContainer',
        isActive: true,
        hideLabel: true,
        height: 'auto',
        items: [
          referenceCurrency,
          receiptType,
          entertainmentType,
          receiptFinancialData
        ]
      } );
  </code></pre>
  
  <p>And again:</p>
  
  <pre><code>var lineItemsContainer = new Ext.form.FieldSet( {
    id: 'lineItemsContainer',
    name: 'lineItemsContainer',
    header: false,
    border: false,
    height: 'auto',
    anchor: '100%',
    items: [
      toggleSingleMultyContainer,
      singleLineItemContainer,
      multipleLineItemsContainer,
      currencyAndExchangeSet
    ]
  } );
  </code></pre>
  
  <p>And again:</p>
  
  <pre><code>var generalData = new Ext.form.FieldSet( {
    id: 'generalReceiptData',
    name: 'generalReceiptData',
    header: false,
    border: false,
    height: 'auto',
    anchor: '100%',
    items: [
      receiptClass,
      {
        id: 'generalDataReceiptCountryAndDate',
        border: false,
        layout: 'column',
        labelWidth: 120,
        cls: 'column-style',//'#background-color: #DFE8F6',
        border: true,
        baseCls: 'ourPanel',
        height: 50,
        header: false,
        items: [
          {
            id: 'generalDataReceiptDate',
            border: false,
            layout: 'form',
            cls: 'dateField',
            items: [receiptDate]
          },
          {
            id: 'generalDataReceiptCountry',
            border: false,
            layout: 'form',
            items: [receiptCountry]
          }
        ]
      },
      receiptDateString,
      receiptDescription,
      isCompanyPaid,
      lineItemsContainer
    ]
  } );
  </code></pre>
  
  <p>The code above is placed in </p>
  
  <pre><code>Ext.extend( receiptForm, Ext.form.FormPanel,{
    initComponent: function(){
      above code
    }
  }
  </code></pre>