Displaying table in a modalDialog

[Josh Kamau]

Hi there,

I am
 trying to use a list view in a modal dialog. But all the time the modal
dialog shows everything else except what is inside the <table></table> tags

Here is the panel that am setting as the modal dialog content.

Panel.html

    <wicket:panel>
        <form wicket:id="frmProject">
            <div id="content">
                <div style="margin: 2px 0pt 10px;">
                    <div style="float: right;">1 selected of 13</div>

                    <input type="checkbox" wicket:id="selector"/>
Select/Deselect All

                </div>

                <div wicket:id="projectUsers">
                    <span wicket:id="lbTest"></span>
                <table class="grid_list_table">
                    <thead>
                        <tr>
                            <th style="width: 10px;"><input
type="checkbox"></th>
                            <th>First Name<img src="img/desc.png"
class="sort"></th>
                            <th>Last Name</th>
                            <th style="width: 50%;"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="odd" wicket:id="checkList">
                            <td><input type="checkbox" checked="checked"
wicket:id="checkbox"></td>
                            <td wicket:id="lbFirstName">Bob</td>
                            <td wicket:id="lbLastName">Smith</td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
                </div>
            </div>
        </form>
    </wicket:panel>

Here is the Java class

package com.printgate.webportal.panels;

import java.util.List;

import org.apache.wicket.ajax.AjaxRequestTarget;
import org.apache.wicket.ajax.form.AjaxFormChoiceComponentUpdatingBehavior;
import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.form.Check;
import org.apache.wicket.markup.html.form.CheckGroup;
import org.apache.wicket.markup.html.form.CheckGroupSelector;
import org.apache.wicket.markup.html.form.Form;
import org.apache.wicket.markup.html.list.ListItem;
import org.apache.wicket.markup.html.list.ListView;
import org.apache.wicket.markup.html.panel.Panel;
import org.apache.wicket.model.CompoundPropertyModel;
import org.apache.wicket.model.LoadableDetachableModel;

import com.google.inject.Inject;
import com.printgate.webportal.dao.ProjectDao;
import com.printgate.webportal.dao.UserDao;
import com.printgate.webportal.entities.Project;
import com.printgate.webportal.entities.User;
import java.util.ArrayList;

public class ModifyUsersPanel extends Panel {

    /**
     *
     */
    private static final long serialVersionUID = 1L;
    private Form<ModifyUsersPanel> frmProject;
    private ListView<User> lstUsers;
    private CheckGroup<User> chbUsers;
    @Inject
    private ProjectDao projectDao;
    @Inject
    private UserDao userDao;
    private List<User> projectUsers = new ArrayList<User>();

    public ModifyUsersPanel(String id, final Project project) {
        super(id);

        projectUsers = userDao.getAllUsers();

        frmProject = new Form<ModifyUsersPanel>("frmProject", new
CompoundPropertyModel<ModifyUsersPanel>(ModifyUsersPanel.this));
        frmProject.setOutputMarkupId(true);

        chbUsers = new CheckGroup<User>("projectUsers");
        chbUsers.add(new AjaxFormChoiceComponentUpdatingBehavior() {

            private static final long serialVersionUID = 1L;

            @Override
            protected void onUpdate(AjaxRequestTarget target) {
                projectDao.updateProject(project);
            }
        });

        lstUsers = new ListView<User>("checkList", new
LoadableDetachableModel<List<User>>() {

            private static final long serialVersionUID = 1L;

            @Override
            protected List<User> load() {
                return userDao.getAllUsers();
            }
        }) {

            /**
             *
             */
            private static final long serialVersionUID = 1L;

            @Override
            protected void populateItem(ListItem<User> item) {

                item.add(new Check<User>("checkbox", item.getModel()));
                item.add(new Label("lbFirstName",
item.getModelObject().getFirstname()));
                item.add(new Label("lbLastName",
item.getModelObject().getLastname()));
            }
        };
        lstUsers.setReuseItems(true);
        chbUsers.add(lstUsers);
        frmProject.add(chbUsers);
        frmProject.add(new CheckGroupSelector("selector", chbUsers));

        chbUsers.add(new Label("lbTest", "This tests the presence of the
form after the table"));

        add(frmProject);
    }

    public List<User> getProjectUsers() {
        return projectUsers;
    }

    public void setProjectUsers(List<User> projectUsers) {
        this.projectUsers = projectUsers;
    }
}


Any help will be appreciated.

Josh.