User Info
Contact Info
Settings
Name:
Age:
Sex:
City:
State:
Phone: () .



This tab should be initially selected. Blah, blah, blah ...


Comments:

The Java to generate this tab set looks like:
      html.getHead().addStyle(TabbedPaneSet.generateCSS());
      html.getHead().addJavascript(TabbedPaneSet.generateJavascript());

      TabbedPaneSet tabSet1 = new TabbedPaneSet();

      Span infoTab = new Span();
      infoTab.addImage("person.gif");
      infoTab.addContent(" User Info");
      tabSet1.addTab(infoTab, generateFormA());

      Span contactTab = new Span();
      contactTab.addImage("contact.gif");
      contactTab.addContent("Contact Info");
      tabSet1.addTab(contactTab, generateFormB(), true);

      Span settingsTab = new Span();
      settingsTab.addImage("settings.gif");
      settingsTab.addContent(" Settings");
      Div div = new Div();
      div.br(2);
      div.addContent("Comments:");
      div.br();
      div.addTextarea("foo", "").setCols(80).setRows(8);
      tabSet1.addTab(settingsTab, div);

      body.addSubtag(tabSet1);
      body.setOnLoad(tabSet1.generateOnLoad());


Ok. How about two tabbed pane sets that can coexist on the same page?
Not good enough? How about a tabbed pane set inside another tabbed pane set? With checkboxes!

Tab 1 Tab 2 Tab 3 InnerTabset
Pane 3









---------------------------------------------------------------
Select and configure which searches to run:
Search A
Search B
Search C




Compute size
Compute weight


Here is a vertical tabbed pane set. Tab 'C' has a 'onclick' defined.

A
B
C
Pane 3









---------------------------------------------------------------