Copied a page from a co-worker, but design tab is empty.

Question

My co-worker sent me a jsp and java file for a page he's developing so that
I could review it and do a little work on it.
When I open the jsp, I see the 3 tabs: Design, Jsp, and Java.
The Jsp and Java pages work fine, but the Design page is empty.
How do I find out what the problem is and fix it?
Thanks.

Answer 1

Here's the jsp file, though it shows up funny in the forum.
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{ActiveIncidents.page1}" id="page1">
            <ui:html binding="#{ActiveIncidents.html1}" id="html1">
                <ui:head binding="#{ActiveIncidents.head1}" id="head1">
                    <ui:link binding="#{ActiveIncidents.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{ActiveIncidents.body1}" id="body1" style="-rave-layout: grid">
                    <ui:form binding="#{ActiveIncidents.form1}" id="form1">
                        <ui:checkboxGroup binding="#{ActiveIncidents.areaCheckBox}" id="areaCheckBox"
                            items="#{ActiveIncidents.areaCheckBoxDefaultOptions.options}" onClick="common_timeoutSubmitForm(this.form, 'areaCheckBox');"
                            style="height: 72px; left: 336px; top: 24px; position: absolute" valueChangeListener="#{ActiveIncidents.areaCheckBox_processValueChange}"/>
                        <ui:checkbox binding="#{ActiveIncidents.noPower}" id="noPower" label="No Power"
                            onClick="common_timeoutSubmitForm(this.form, 'noPower');" style="position: absolute; left: 432px; top: 24px" valueChangeListener="#{ActiveIncidents.noPower_processValueChange}"/>
                        <ui:checkbox binding="#{ActiveIncidents.hold}" id="hold" label="Hold" onClick="common_timeoutSubmitForm(this.form, 'hold');"
                            style="left: 432px; top: 48px; position: absolute" valueChangeListener="#{ActiveIncidents.hold_processValueChange}"/>
                        <ui:dropDown binding="#{ActiveIncidents.allFlagsList}" id="allFlagsList" items="#{ActiveIncidents.allFlagsListDefaultOptions.options}"
                            onChange="common_timeoutSubmitForm(this.form, 'allFlagsList');" style="left: 552px; top: 24px; position: absolute; width: 216px" valueChangeListener="#{ActiveIncidents.allFlagsList_processValueChange}"/>
                        <ui:dropDown binding="#{ActiveIncidents.everyStatusList}" id="everyStatusList"
                            items="#{ActiveIncidents.everyStatusListDefaultOptions.options}" onChange="common_timeoutSubmitForm(this.form, 'everyStatusList');"
                            style="left: 552px; top: 72px; position: absolute; width: 216px" valueChangeListener="#{ActiveIncidents.everyStatusList_processValueChange}"/>
                        <ui:table augmentTitle="false" binding="#{ActiveIncidents.table1}" id="table1" sortPanelToggleButton="true" clearSortButton="true" deselectMultipleButton="true" deselectSingleButton="true"
                            style="left: 124px; top: 144px; position: absolute; width: 3720px" title="Active Incidents" width="1116">
                            <script><![CDATA[
/* ----- Functions for Table Preferences Panel ----- */
* Toggle the table preferences panel open or closed
function togglePreferencesPanel() {
var table = document.getElementById("form1:table1");
table.toggleTblePreferencesPanel();
/* ----- Functions for Filter Panel ----- */
* Return true if the filter menu has actually changed,
* so the corresponding event should be allowed to continue.
function filterMenuChanged() {
var table = document.getElementById("form1:table1");
return table.filterMenuChanged();
* Toggle the custom filter panel (if any) open or closed.
function toggleFilterPanel() {
var table = document.getElementById("form1:table1");
return table.toggleTableFilterPanel();
/* ----- Functions for Table Actions ----- */
* Initialize all rows of the table when the state
* of selected rows changes.
function initAllRows() {
var table = document.getElementById("form1:table1");
table.initAllRows();
* Set the selected state for the given row groups
* displayed in the table.  This functionality requires
* the 'selectId' of the tableColumn to be set.
* @param rowGroupId HTML element id of the tableRowGroup component
* @param selected Flag indicating whether components should be selected
function selectGroupRows(rowGroupId, selected) {
var table = document.getElementById("form1:table1");
table.selectGroupRows(rowGroupId, selected);
* Disable all table actions if no rows have been selected.
function disableActions() {
// Determine whether any rows are currently selected
var table = document.getElementById("form1:table1");
var disabled = (table.getAllSelectedRowsCount() > 0) ? false : true;
// Set disabled state for top actions
document.getElementById("form1:table1:tableActionsTop:deleteTop").setDisabled(disabled);
// Set disabled state for bottom actions
document.getElementById("form1:table1:tableActionsBottom:deleteBottom").setDisabled(disabled);
}]]></script>
                            <ui:tableRowGroup binding="#{ActiveIncidents.tableRowGroup1}" id="tableRowGroup1" rows="10"
                                sourceData="#{ActiveIncidents.incidentDataProvider}" sourceVar="currentRow">
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn1}" headerText="incidentid" id="tableColumn1" sort="incidentid">
                                    <ui:staticText binding="#{ActiveIncidents.staticText1}" id="staticText1" text="#{currentRow.value['incidentid']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn2}" headerText="version" id="tableColumn2" sort="version">
                                    <ui:staticText binding="#{ActiveIncidents.staticText2}" id="staticText2" text="#{currentRow.value['version']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn20}" headerText="custaffectedmanuallycalced" id="tableColumn20" sort="custaffectedmanuallycalced">
                                    <ui:checkbox binding="#{ActiveIncidents.checkbox1}" id="checkbox1" selected="#{currentRow.value['custaffectedmanuallycalced']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn25}" headerText="onhold" id="tableColumn25" sort="onhold">
                                    <ui:checkbox binding="#{ActiveIncidents.checkbox2}" id="checkbox2" selected="#{currentRow.value['onhold']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn26}" headerText="onholdby" id="tableColumn26" sort="onholdby">
                                    <ui:staticText binding="#{ActiveIncidents.staticText24}" id="staticText24" text="#{currentRow.value['onholdby']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn27}" headerText="onholdwhen" id="tableColumn27" sort="onholdwhen">
                                    <ui:staticText binding="#{ActiveIncidents.staticText25}" id="staticText25" text="#{currentRow.value['onholdwhen']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn28}" headerText="onholdcomment" id="tableColumn28" sort="onholdcomment">
                                    <ui:staticText binding="#{ActiveIncidents.staticText26}" id="staticText26" text="#{currentRow.value['onholdcomment']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn29}" headerText="incidenttreeid" id="tableColumn29" sort="incidenttreeid">
                                    <ui:staticText binding="#{ActiveIncidents.staticText27}" id="staticText27" text="#{currentRow.value['incidenttreeid']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn30}" headerText="inactivityreport" id="tableColumn30" sort="inactivityreport">
                                    <ui:checkbox binding="#{ActiveIncidents.checkbox3}" id="checkbox3" selected="#{currentRow.value['inactivityreport']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{ActiveIncidents.tableColumn31}" headerText="outagestatus" id="tableColumn31" sort="outagestatus">
                                    <ui:staticText binding="#{ActiveIncidents.staticText28}" id="staticText28" text="#{currentRow.value['outagestatus']}"/>
                                </ui:tableColumn>
                            </ui:tableRowGroup>
                        </ui:table>
                    </ui:form>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>