Tabbed Pane Demo


Any part of the HTML can be customized. It is written in between the Tabbed Pane Tags, so it is easy to change. You can change the colors and text of the tabs, and you can use images for the titles if you want.



Tab l Tab 2 Tab 3 Tab 4 Tab 5


Tab 1 Content

Tabbed Pane using CSS style class to differ
the looks of active and inactive tabs.

       
Tab l Tab 2 Tab 3 Tab 4 Tab 5


Tab 3 Content

Tabbed Pane using differing content for each tab.
 
 
 
Tab l Tab 2 Tab 3 Tab 4 Tab 5


The Content of Tab 4 (in JSP File)

Tabbed Pane using differing content for
each tab, and including other JSP's as
content of the tab panes.

  
Tabbed Pane Tree Tab 3 Tab 4 Tab 5


Tree Tag - Single Page - (C) 2004 Jenkov Development
Cartoons
Lion King
Snow White
Comedies
Fantasy
Thrillers
Selected Node Detail:

Id
Name
Type

Tabbed Pane with nested Tabbed Pane and Tree.
Notice how the state of the nested pane and tree
are kept even if you click on tab3, tab4, or tab5
and back on the nested pane or tree.