YUI Not-Tabs

Unfortunately, the Flex RTE has been back-burnered for a bit while I work on more pressing things at work. I’m currently using YUI’s tabs for something, but don’t really like them… So I’ve been tinkering around with an alternate tab-like interface. The concept is somewhere in between tabs and an accordion structure. Basically, we’ve got lots of text boxes. Rather than make our users choose which one they want to display, I want all of them to start out in a blog-like “preview” mode. Clicking “more” would expand that one box while shrinking the others. Clicking “back” (or an icon) would take you back to the multiple-pane view. I guess this is more of a tree-like data structure than true tabs or accordians.

Using some more basic YUI components (I actually like their simple pieces a lot better than the complex components, as skinning them is a bit of an undertaking if you don’t want them to look YUI-like), I whipped up the two easiest examples of this I could think of: a 2×2 pane and a 4×1 pane:

del.icio.us:YUI Not-Tabs digg:YUI Not-Tabs newsvine:YUI Not-Tabs fark:YUI Not-Tabs Y!:YUI Not-Tabs

Leave a Reply