Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

AlloyUI Form Combobox (gallery-aui-form-combobox) on cdn

Last Updated: 06/6/10

+ 0 -

Liferay, Inc.

See 69 more by this user.

Created: 06/2/10
Last CDN Push: 08/18/10
Build Tag: gallery-2010.08.18-17-12
Project: YUI 3
License: YUI BSD
YUI Version: 3.1.1
Free for use.

A form field configured to contain icons next to it. A Combobox can contain any number of ButtonItems that display after the main input field. This widget inherits from the AlloyUI Form Field, and can be used to attach actions to the buttons, such as showing an overlay when an item is clicked, or perform a search, display a dialog, etc.

To view all available events and configuration attributes, view the documentation.
You can create a Combobox like so:

Code Sample

<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.08.18-17-12',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/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.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-form-combobox', function(Y) {
 
	// You can pass any ButtonItem configuration as one of the icons
	new Y.Combobox({
		icons: [
			{
				id: 'options',
				icon: 'gear',
				activeState: true
			},
			{
				id: 'cancel',
				icon: 'cancel'
			},
			{
				id: 'save',
				icon: 'check'
			}
		]
	}).render('#demo');
 
});

Forum Posts

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