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: 06/2/10
Last CDN Push: 02/9/11
Build Tag: gallery-2011.02.09-21-32
Project: YUI 3
License: YUI BSD
YUI Version: 3.1.1
Free for use.
A floating application for presenting information to the user. Supports the ability to have multiple form buttons be added to the footer of the Dialog, as well as custom icons for the titlebar.
<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>
YUI({
//Last Gallery Build of this module
gallery: 'gallery-2011.02.09-21-32',
modules: {
'gallery-aui-skin-base': {
fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
type: 'css'
},
'gallery-aui-skin-classic': {
fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
type: 'css',
requires: ['gallery-aui-skin-base']
}
}
}).use('gallery-aui-dialog', function(Y) {
// Creating a basic draggable, resizable dialog
var dialog1 = new Y.Dialog({
title: 'Dialog',
bodyContent: 'Testing body',
draggable: true,
width: 400,
height: 250
}).render();
// Creating a dialog with form buttons
var dialog1 = new Y.Dialog({
title: 'Dialog',
bodyContent: 'Testing body',
height: 250,
buttons: [{
text: 'Change title',
handler: function() {
this.set('title', 'Dialog - new title');
}
},
{
text: 'Change body',
handler: function() {
this.set('bodyContent', 'New body content');
}
}]
}).render();
// Creating a dialog with extra icons
var dialog1 = new Y.Dialog({
title: 'Dialog',
bodyContent: 'Testing body',
height: 250,
icons: [{
icon: 'pin-l',
handler: function() {
this.get('dragInstance').set('lock', pinned);
}
},
{
icon: 'gear'
}]
}).render();
// Creating a dialog with extra icons
var dialog1 = new Y.Dialog({
title: 'Dialog',
bodyContent: 'Testing body',
height: 250,
icons: [{
icon: 'pin-l',
handler: function() {
this.get('dragInstance').set('lock', pinned);
}
},
{
icon: 'gear'
}]
}).render();
});
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.