title: How to dynamically change the background color of an ExtJS panel
body: <p>I currently have two panels within another large panel. The left panel is for navigation and the right is for content. I'm trying to modify the content panel background color so I have made an event that triggers on expandnode, and this is where I am stuck.</p>
  
  <p>My right panel ID is <code>#panneau-affichage</code> and I'm trying to modify the <code>background-color</code> attribute of the class x-panel-body that lives within. Using:</p>
  
  <pre><code>Ext.get('panneau-affichage').setBodyStyle('backgroundColor : #dddddd');
  </code></pre>
  
  <p>Firebug states that there is no such function, and with:</p>
  
  <pre><code>Ext.get('panneau-affichage').applyStyle('backgroundColor: #dddddd);
  </code></pre>
  
  <p>This does the job for the div but is overridden by x-panel-body.</p>