title: Custom CSS in Sencha Touch 2 app
body: <p>Quick question, I've been trying to change the background color and the background image of my Sencha Touch views but it seems I haven't been able to implement this properly. </p>
  
  <p>I've tried this:</p>
  
  <pre><code>extend:'Ext.form.Panel',
  requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label', 'Ext.Img'],
  
  config:{
      title: 'Login',
      style: {
         background: "#000"   
      },
  </code></pre>
  
  <p>And this:</p>
  
  <pre><code>extend:'Ext.form.Panel',
  requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label', 'Ext.Img'],
      alias: 'widget.loginview',
  style:{
      background: '#000'
  },
  config:{
      title: 'Login',
  </code></pre>
  
  <p>And even by adding a CSS class using cls:</p>
  
  <pre><code>extend:'Ext.form.Panel',
  requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label', 'Ext.Img'],
  config:{
      title: 'Login',
      cls: 'custom-panel',
  </code></pre>
  
  <p>where custom-panel is defined as:</p>
  
  <pre><code>.custom-panel{
     background-image: url('../images/bg.jpg');
  }
  </code></pre>
  
  <p>How could I make this work? </p>