The Gallery is deprecated. No new Gallery components may be submitted, and modifying existing components is disabled. For more information please read the Gallery Deprecation blog post. This is a static snapshot of the Gallery for archive purposes.
See 69 more by this user. Created: 10/5/10
Last CDN Push: 10/6/10
Build Tag: gallery-2010.10.06-18-55
Project: YUI 3
License: YUI BSD
YUI Version: 3.2.0
Free for use.
This plugin for the AlloyUI ColorPicker allows the end developer to pass in an array of colors that are presented to the user as choices.
This allows the end developer to still offer choice to the user without overwhelming them with a plethora of options or interfering with an existing applications design.
To view all available methods in the AlloyUI Color Picker Grid Plugin please view the documentation.
<script src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js"></script>
YUI({
//Last Gallery Build of this module
gallery: 'gallery-2010.10.06-18-55',
modules: {
'gallery-aui-skin-base': {
fullpath: 'http://yui.yahooapis.com/gallery-2010.10.06-18-55/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
type: 'css'
},
'gallery-aui-skin-classic': {
fullpath: 'http://yui.yahooapis.com/gallery-2010.10.06-18-55/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
type: 'css',
requires: ['gallery-aui-skin-base']
}
}
}).use('gallery-aui-color-picker-grid-plugin', function(Y) {
// create the color picker
var colorPicker = new Y.ColorPicker();
//plug the color picker
colorPicker.plug(Y.Plugin.ColorPickerGrid,
{
colors: [
'000000', '993300', '333300', '003300', '003366', '000080', '333399', '333333',
'800000', 'FF6600', '808000', '008000', '008080', '0000FF', '666699', '808080'
]
}
);
//render the color picker
colorPicker.render('#demo');
// The array of colors can be as large or small as you'd like
// You can also pass the string "websafe" to the colors config attribute and
//it will generate all 216 websafe colors for you automatically (this is the default if
//you don't pass any colors in).
});
Subject | Author | Date |
---|---|---|
Why? | John Lindal | 06/9/10 |
Re: Why? | Murray Macchio | 06/10/10 |
Re: Why? | Murray Macchio | 06/10/10 |
Styling | Eike Hirsch | 06/11/10 |
Re: Why? | Eduardo Lundgren | 06/11/10 |
Re: Styling | Eduardo Lundgren | 06/11/10 |
Re: Why? | Murray Macchio | 06/11/10 |
Re: Why? | Eduardo Lundgren | 06/11/10 |
Re: Styling | Eike Hirsch | 06/14/10 |
Parallel thinking | Peter Peterson | 06/15/10 |
All code on this site is licensed under the BSD License unless stated otherwise.