TabbedPanel

[DRE]

Hoping someone can help me out here .... I've just started using Wicket and
this is what I'm trying to do:

I've got a main page that has a header, body, and footer where the body
should be used as a wicket child.  In the header I have a TabbedPanel.  When
I click on a tab I want the contents to appear in the body(not right below
the tab....in the header.)  It looks all pretty and the tabs work .... it's
just that when I click on the tab I want "This is Tab #1" to be displayed in
the body.   I've tried using <wicket:extend> but to no avail.     Thanks in
advance .........

Code:

PanelPage.html

<html>
  <head>
    <title wicket:id="title">Title goes here</title>
    <link rel="stylesheet" type="text/css" href="css/tab.css" />
  </head>
  
  <body>
            
      <div id="header">        
        <div wicket:id="tabs" class="tabpanel">[tabbed panel will be
here]</div>                                                 
      </div>
      
      <div id="body" class="body">         
        This is the Body
        <wicket:child />        
      </div>                         
      
      <div id="footer" class="footer">          
        <br>             
      </div>                                      
      
  </body>
</html>



PanelPage.java

public class PanelPage extends WebPage 
{
        
    public PanelPage() 
    {          
        
        final List tabs=new ArrayList();
        
        tabs.add(new AbstractTab(new Model("My Home Page")) 
        {
          public Panel getPanel(String panelId) 
          {                            
             return new TabPanel1(panelId);              
          } 
        });
        
        tabs.add(new AbstractTab(new Model("Leads"))           
        {
         public Panel getPanel(String panelId) 
          { 
            return new TabPanel2(panelId);             
          }
        });
       
       
        final TabbedPanel panel = new TabbedPanel("tabs", tabs);        
        class TabTitleModel extends Model 
        {
          public Object getObject(Component comp) 
           {             
                return ((ITab)
tabs.get(panel.getSelectedTab())).getTitle().getObject(null);                
           }
        }
        add(new Label("title", new TabTitleModel()));  
        add(panel);
                                                                                
                
        add(new Label("footer", "This is in the footer"));                      
  
                
    }
              
        
}

TabbedPanel.html

<wicket:panel>
 <div class="tab-row">
 <ul>
  <li wicket:id="tabs">
    <!-- The Tab link and display text -->
      #  [[tab title]]   
  </li>
 </ul>
 </div>
 

<!-- Currently active panel falls here -->

 [panel]

</wicket:panel>


TabPanel1.html

<html>
<body>
    <wicket:panel>
        This is Tab #1        
    </wicket:panel>
</body>
</html>


TabPanel1.java

package wicket.panel.panels;

import wicket.markup.html.panel.Panel;

public class TabPanel1 extends Panel
{    
    private static final long serialVersionUID = 1L;
    
    public TabPanel1(String id) 
    {
        super(id);
    }
    
}
-- 
View this message in context: 
http://www.nabble.com/TabbedPanel-tf4719265.html#a13491072
Sent from the Wicket - User mailing list archive at Nabble.com.


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]