Demo Notes - Nested Tabs

Multiple Nested Tabs
The example below demonstrates the possibilities of multiple nested tabs including the use of multiple themes. Here I have a single Aggregator which includes 3 more Aggregators (each with different skins) ... Tab 1, Tab 2 and Tab 3. Each of these Aggregators has a couple of sub tabs which are text modules. In addition to this, Tab 1-3 is an Aggregator itself (Exploding Boy TabMenuC skin) which includes a Documents (Tab 1-3-1) and Links (Tab 1-3-2) module. As you can see, the combinations are endless and only limited by your imagination!

To see the full effect, hover over Tab 1, then select Tab 1-3.

Sample showing nested Aggregator capability
  • Tab 1
  • Tab 2
  • Tab 3
  • Tab 1-1
  • Tab 1-2
  • Tab 1-3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur libero nunc, pharetra ac, lacinia et, aliquam in, magna. Quisque id wisi. Donec quis velit. Aenean lorem tortor, feugiat at, feugiat nec, rhoncus ac, elit. Vestibulum in dolor. Vivamus varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce sapien magna, ornare tristique, tempor ac, volutpat ut, nisl. Morbi vestibulum, nisl in viverra blandit, mauris arcu viverra sapien, at ullamcorper mauris neque in enim. Sed aliquet, augue non nonummy commodo, magna risus auctor nunc, et congue orci est ac lacus. Fusce pretium turpis eu lectus. In mattis, odio in suscipit blandit, odio arcu sollicitudin diam, interdum pulvinar tellus mi ut wisi. Curabitur pellentesque pharetra metus. Proin auctor convallis velit.

Ut rutrum diam id mi pretium consequat. Praesent nec libero ac augue adipiscing convallis. Aliquam rutrum leo eu urna. Pellentesque consectetuer orci nec quam. Maecenas metus elit, mattis eget, elementum eget, pulvinar sit amet, lacus. Aliquam volutpat lectus in eros facilisis fringilla. Quisque vitae purus a quam imperdiet consectetuer. Cras sapien mi, accumsan in, posuere at, tincidunt a, libero. Vestibulum feugiat, magna ac fringilla dictum, lectus arcu dictum nibh, sed tempor arcu arcu sit amet nisl. Nulla vel lacus. Proin arcu quam, sodales a, bibendum sed, mattis quis, magna. In aliquam velit eu dui. Praesent pede mi, aliquet sit amet, tincidunt sed, molestie at, mi. Nunc convallis. Vivamus metus.

  • Tab 1-3-1
  • Tab 1-3-2
 TitleOwnerCategoryModified DateSize 
DNNStuff Logo - SmallRichard Edwards 8/15/2005UnknownDownload
DNNStuff Logo - LargeRichard Edwards 8/15/2005UnknownDownload
  • Tab 2-1
  • Tab 2-2

Vestibulum fermentum ligula feugiat augue. Nunc iaculis malesuada sem. Nam aliquam viverra massa. Praesent nec mi. Donec tristique lorem non dolor. Phasellus imperdiet, libero id tempus egestas, nulla erat ultricies neque, convallis luctus felis odio vel sapien. Phasellus egestas. Aliquam condimentum, orci vel adipiscing iaculis, erat est tristique mi, ac ultricies lectus felis quis nisl. Donec non mauris eu arcu adipiscing lacinia. Quisque dapibus pretium dolor. Quisque elementum mollis orci. Duis dignissim pede sit amet dui pretium tincidunt. Praesent dignissim aliquet erat. Duis rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eu nunc volutpat justo molestie pretium. Vivamus ac tortor quis orci facilisis porttitor. Morbi rutrum urna id metus. Donec viverra porta leo. Donec sagittis nulla vel ipsum.

Curabitur eget diam. Pellentesque in neque. Nulla in eros sed neque rhoncus ultricies. Nunc quis velit. Pellentesque eros leo, fringilla vel, euismod ac, cursus at, lorem. Praesent ut tellus. Ut tincidunt lectus non urna. Curabitur nec massa nec ante euismod consequat. Mauris id quam. Nam volutpat mattis risus. Duis quis metus nec nunc malesuada rhoncus. Praesent sit amet nisl sit amet dui sollicitudin ultrices. Praesent convallis rhoncus diam. Praesent quis neque.

  • Tab 3-1
  • Tab 3-2

Mauris ut dolor nec dui dignissim scelerisque. Donec nec enim. Nam ac tortor. Fusce tempus ipsum suscipit tellus. Sed tortor. Suspendisse faucibus massa sed risus. Vestibulum vestibulum malesuada tellus. Nunc tempor, neque id pellentesque molestie, ante felis pharetra turpis, et tincidunt sem orci ut ante. Duis egestas congue odio. Donec egestas, ante sit amet ultrices nonummy, mauris turpis tempus urna, id sagittis mauris leo ut nunc. Morbi lobortis ligula non sapien. Morbi volutpat mauris in wisi. Etiam ipsum tellus, vehicula a, fringilla ac, sagittis sit amet, turpis. In pretium eros at mauris consectetuer auctor. Etiam non lorem condimentum massa rhoncus eleifend. Aliquam porta euismod elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vulputate, nisl nec sagittis tempus, purus massa tristique dui, vitae ultrices metus diam eget lorem. Donec pretium risus at lorem convallis ornare. Ut sem.

Sed urna. Nam feugiat nunc lacinia neque. Integer mi mauris, posuere quis, vestibulum ut, volutpat id, purus. Phasellus suscipit. Quisque nisl dui, pharetra vel, pretium vitae, consectetuer sed, orci. Fusce tincidunt mauris a lorem. Aliquam mattis diam. In non lectus. Phasellus elementum lorem feugiat lacus. Vestibulum et odio ut turpis venenatis semper. Fusce imperdiet, augue ac sodales convallis, erat nibh porttitor augue, eget aliquam dui felis nec nisl. Nullam orci dolor, nonummy vel, adipiscing nec, porttitor eu, quam. Donec nec eros vitae sem ultricies sollicitudin. Fusce tincidunt gravida mauris. Ut accumsan.
Privacy StatementTerms Of UseCopyright (c) 2004-2010 DNNStuff