Liferay, Inc.![]()
A tabbed widget container that takes part in the state interaction, and can be styled in any number of ways.
To view all available events and configuration attributes, view the documentation.
You can create a tabbed container in a couple of different ways. You can create from markup or from script:
<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-tabs', function(Y) {
// From script
var tabsFromScript = new Y.TabView(
{
boundingBox: '#scriptTabs',
items: [
{label: 'Hello 1', content: 'This my content 1'},
{label: 'Hello 2', content: 'This my content 2'},
{label: 'Hello 3', content: 'This my content 3'}
]
}
).render();
// From markup
var tabsFromMarkup = new Y.TabView(
{
boundingBox: '#markupTabs',
contentNode: '#testContent',
listNode: '#test'
}
).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 |
© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info