Clear Up
SharpKit Reference

ColorPicker Class

A menu containing a Ext.picker.Color Component.


  • Although not listed here, the constructor for this class accepts all of the configuration options of Ext.picker.Color.
  • If subclassing ColorMenu, any configuration options for the ColorPicker must be applied to the initialConfig property of the ColorMenu. Applying ColorPicker configuration settings to this will not affect the ColorPicker's configuration.


var colorPicker = Ext.create('', {
            value: '000000'
            Ext.create('', {
            width: 100,
            height: 90,
            floating: false,  // usually you want this set to True (default)
            renderTo: Ext.getBody(),  // usually rendered by it's containing component
            items: [{
            text: 'choose a color',
            menu: colorPicker
            iconCls: 'add16',
            text: 'icon item'
            text: 'regular item'



Name Description
hideOnClick False to continue showing the menu after a date is selected. Defaults to: true
pickerId An id to assign to the underlying color picker. Defaults to: null


Name Description
picker The Ext.picker.Color instance for this ColorMenu
© Copyright 2005-2011 SharpKit. All rights reserved.