code: function() {
  	   
  	   // A hidden input field to store the color code 
  	   this.el = inputEx.cn('input', {
  	      type: 'hidden', 
  	      name: this.options.name || '', 
  	      value: this.options.value || '#FFFFFF' });
  	   	   
  	   // Create a colored area
  	   this.colorEl = inputEx.cn('div', {className: 'inputEx-ColorField-button'}, {backgroundColor: this.el.value});
  	
        // This element wraps the input node in a float: none div
        this.wrapEl = inputEx.cn('div', {className: 'inputEx-PickerField-wrapper'});
  	   this.wrapEl.appendChild(this.el);
  	   this.wrapEl.appendChild(this.colorEl);
  
  	   // Create overlay
        this.oOverlay = new YAHOO.widget.Overlay(Dom.generateId(), { visible: false });
        this.oOverlay.setBody(" ");
        this.oOverlay.body.id = Dom.generateId();
        
        // Create button
        this.button = new YAHOO.widget.Button({ type: "menu", menu: this.oOverlay, label: "&nbsp;&nbsp;&nbsp;&nbsp;" });       
        this.button.appendTo(this.wrapEl);
              
        // Render the overlay
        this.oOverlay.render(this.wrapEl);
        
        // HACK: Set position absolute to the overlay
        Dom.setStyle(this.oOverlay.body.parentNode, "position", "absolute");
        
        // toggle Menu when clicking on colorEl
        Event.addListener(this.colorEl,'mousedown',function(e){
           
           if (!this.oOverlay.cfg.getProperty("visible")) {
              
              // Stop event to prevent following "click" event to hide the menu !
              Event.stopEvent(e); 
              
              // palette may not have been rendered yet
              this.renderPalette();
              
              // Show menu
              this.button._showMenu();
           }
        },this,true);
        
        
        // Lazy load palette
        //   -> "mousedown" and not "click" because sometimes "click" is not fired !
        this.button.on('mousedown', this.renderPalette, this, true);
  
  	   // Elements are bound to divEl
        this.fieldContainer.appendChild(this.wrapEl);
  	}
docs: Render the color button and the colorpicker popup