Gallery

<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', function(Y) {
 
	// Creating a basic form
	var form = new Y.Form().render('#demo');
 
	// Creating a basic field from script
	var field1 = new Y.Field({
		id: 'field1'
	}).render();
 
	// Creating a basic text field
	var textfield1 = new Y.Textfield({
		labelText: 'Text field 1'
	}).render();
 
	// Creating a basic textarea
	var textarea1 = new Y.Textarea({
		labelText: 'Textarea'
	}).render();
 
	// 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');
 
	// Creating a basic Validator with the form below
	var validator1 = new Y.FormValidator({
		boundingBox: '#fm1',
 
		rules: {
			name: {
				required: true,
			},
			email: {
				required: true,
				email: true
			},
			age: {
				required: true,
				digits: true,
				range: [18, 50]
			},
			url: {
				url: true
			}
		}
	});
 
});