Start Building Professional
Web Apps Today

Hiding layout panels completely

Hi, I am using a 3T layout nested within a 2U cell. I would like to completely hide the bottom two cells of the nested layout at certain times. Is there a way to do this?

Here is the layout I am using:

<div id="parentId" style="position:absolute; width:968px; height:480px;"></div>

<script>
// Main layout of two panels - NavZone (left), WorkZone (right)
    mainLayout = new dhtmlXLayoutObject("parentId", "2U", "dhx_blue");

    mainLayout.cells("a").setWidth(280);
    mainLayout.cells("a").setText("OONdada Navigation");
    mainLayout.cells("b").hideHeader();

    workZoneLayout = new dhtmlXLayoutObject(mainLayout.cells("b"), "3T");
    workZoneLayout.cells("a").setHeight(480);
    workZoneLayout.cells("a").hideHeader();
    workZoneLayout.cells("b").hideHeader();
    workZoneLayout.cells("c").hideHeader();

    workZoneLayout.cells("b").setHeight(1);
    workZoneLayout.cells("c").setHeight(1);
/* ... */
</script>