title: In CQ5, how do I configure an extJS component?
body: <p>This question is specific to Adobe CQ5, so ExtJS answers by themselves won't be that helpful.</p>
  
  <p>I have a custom text component with a menu option to change the background color. We're referencing a colorfield component in our dialog.xml, and so far everything works. The color menu appears with the default set of colors in the palette and can be clicked. So far so good. </p>
  
  <p>I would now like to customize the palette and only show a select set of colors specific to our client. How do I achieve this?</p>
  
  <p>Here's the relevant dialog.xml snippet so far:</p>
  
  <pre><code>&lt;bgcolor
  jcr:primaryType="cq:Widget"
  fieldLabel="Background color"
  name="./bgColor"
  showHexValue="true"
  xtype="colorfield"/&gt;
  </code></pre>