title: Extjs 4.1.1 - Applying custom class to a form field
body: <p><strong>ExtJs 4.1.1 question</strong></p>
  
  <p>I am trying to apply a custom class to a set of textboxes inside a panel 
  the way i am doing is specifying <strong>fieldCls</strong> in <strong>defaults</strong> attribute of panel so that it applies to all the textboxes inside the panel</p>
  
  <p>Below is a sample code</p>
  
  <pre><code>pnlTest = Ext.create('Ext.panel.Panel', {
       width  : 600
      ,height : 190
      ,defaults: {xtype:'textfield', fieldCls:'my-custom-class'}
      ,items  : [ 
              {name :'name1', fieldLabel:'Name 1' }
             ,{name :'name2', fieldLabel:'Name 2' }
             ,{name :'name3', fieldLabel:'Name 3' }
             ,{name :'name4', fieldLabel:'Name 4' }
  
            ]
  });
  </code></pre>
  
  <p>Upon inspecting the generated HTML i see that the input element has 2 classes associated with it</p>
  
  <ul>
  <li>my-custom-class and  </li>
  <li>x-form-field <em>(exts default class for textbox
  input)</em></li>
  </ul>
  
  <p>i do not want to have <strong>x-form-field</strong> in my input element as it is overriding my styles</p>
  
  <p>ExtJs documentation states that the default value for <strong>fieldCls</strong> is <strong>'x-form-field'</strong> isnt that suppose to mean that if i provide my fieldCls value it must replace the default instead of appending to it, or am i doing something wrong here.</p>
  
  <p>i did do bit research on this and did not find any bugs or concerns logged onto sencha forum. </p>
  
  <p>can anyone guide me how to use fieldCls attribute of textfield ?</p>
  
  <p>as an workaround currently i am providing fieldStyle to override all the styles but my goal is to use classes as my styles specifications strings are fairly long and dynamic </p>
  
  <p>thankyou</p>