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: 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.
AlloyUI Panel is a container that has specific functionality and structural components that make it the good for building block for application-oriented user interfaces. Panel also provides built-in expandable and collapsible behavior, along with a variety of prebuilt tool buttons that can be wired up to provide other customized behavior. Panels can be easily dropped into any Container or layout.
To view all available events and configuration attributes, view the documentation.
You can create a Panel in many different configurations, like so:
<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-panel', function(Y) {
// Basic Panel
var panel1 = new Y.Panel(
{
collapsible: true,
collapsed: false,
headerContent: 'Panel 1',
bodyContent: 'Lorem ipsum dolor sit amet.',
headerContent: 'Panel title'
}
).render();
// Panel with customized icons
var panel2 = new Y.Panel(
{
collapsible: true,
collapsed: false,
headerContent: 'Panel 2',
bodyContent: 'Lorem ipsum dolor sit amet.',
headerContent: 'Panel title',
icons: [ { icon: 'help', label: 'Help?' } ]
}
).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.