wicket.markup.html.tabs.TabbedPanel

A tabbed panel that switches child panels to reflect the selected tab. Images and css styles are from this sliding doors article at alistapart.com.

Select css style variation: 1 | 2 | 3 | 4 | 5

This is tab-panel 1

Behind the Scenes

Example HTML

<span wicket:id="tabs" class="tabpanel">[tabbed panel will be here]</span>

Example Code

    List tabs=new ArrayList();
    tabs.add(new AbstractTab(new Model<String>("first tab")) {
        public Panel getPanel(String panelId) { return new TabPanel1(panelId); }
    });
    tabs.add(new AbstractTab(new Model<String>("second tab")) {
        public Panel getPanel(String panelId) { return new TabPanel2(panelId); }
    });
    tabs.add(new AbstractTab(new Model<String>("third tab")) {
        public Panel getPanel(String panelId) { return new TabPanel3(panelId); }
    });
    add(new TabbedPanel("tabs", tabs)

Further examples & and comments/explanations may be available in the source code.