PDA

View Full Version : Auto-Tabs need a Carousel component


manxomfoe
10-24-2006, 02:30 PM
While playing with the new Web2.0 layouts, I noticed that if you add more than there are space for, the tabs wrap onto new lines.

I think this behavior is good for top-oriented tabs as long as the active tab still touches the viewport (which I think it probably doesn't in all cases), but it gave me a thought to share:

What about adding a carousel to the tabs? Here's the YUI Carousel extension: http://billwscott.com/carousel/

If there was too many tabs to fit, then append the left/right arrows (I'd prefer them all on the far right of the line of tabs) and have them scroll through the tabs. Going one more, you could add a menu that lists all the tabs in a vertical list. These are features many of us see in IDEs every day, and would cherish the ability to use them on the web :)

jack.slocum
10-24-2006, 08:36 PM
It's on the todo list. I'm not sure if it will make the first release though. It all depends on how much of a pain in the --- safari is going to be with this scrolling issue. :)

paultyng
12-08-2006, 03:35 PM
are tab carousel's still planned for the 0.33 release?

jack.slocum
12-09-2006, 12:10 PM
The idea was replaced with FireFox style tab resizing instead.

sjivan
12-12-2006, 02:46 AM
The idea was replaced with FireFox style tab resizing instead.

I didn't realize what this meant until I just checked it out in my app with YUI-ext. I was on a mission to break the tab display by adding many of them, but YUI-ext handled them great. Very nice!

msieg
12-19-2006, 09:33 PM
Would someone be kind enough to post an example for a basic tab layout that resizes the tabs automatically when the number of tabs exceeds the width of the container?

Thank you in advance for any help.

jack.slocum
12-20-2006, 05:44 PM
var tabs = new YAHOO.ext.TabPanel('element-id', {
resizeTabs:true
});

msieg
12-21-2006, 10:43 AM
Thank you very much for the quick reply.

kjordan
12-30-2006, 06:35 PM
I think I would like it both ways. In Firefox if you get so many tabs open, it'll put a carousel up since the tabs will get very tiny. It would be nice for this too since while you may not open that many tabs, the tabs will get off the screen on the east and west sides with about 5 or more open if I have it less than ~200-250 pixels wide.