Normal Hi.
The yellow div in this screen looses yours size when some user event happens. Ex. Try to click on button "Event Button" or try to close the north component.
The yellow div will looses your size, falling to min size (button size). The yellow div has 100% of height.
Follow code extract from firebug:
<zk xmlns:h="native"> <!--<page style="width:100%;height:100%">--> <window zclass="z-window-embedded" width="509px" height="450px" left="0px" top="0px" vflex="1" hflex="1" id="frm60" mode="embedded" border="none" contentSclass="txform-background" minheight="100" minwidth="200" shadow="true"> <div style="background-color:transparent;" vflex="1" hflex="1"> <vlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em"> <hlayout style="background:transparent;" hflex="1" spacing="0.3em"> <groupbox hflex="1" height="150px" mold="3d"> <caption label="groupbox1" /> </groupbox> </hlayout> <hlayout style="background:transparent;" hflex="1" spacing="0.3em"> <borderlayout vflex="1" hflex="1" height="105px" id="bl"> <north title="Fast Filter" collapsible="true" splittable="false" open="true" height="100px" id="n"> <attribute name="onOpen"> <![CDATA[ if (n.isOpen()) { bl.setHeight("105px"); bl.invalidate(); } else { bl.setHeight("27px"); bl.invalidate(); } ]]> </attribute> <vlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em"> <hlayout style="background:transparent;" hflex="1" spacing="0.3em"> <div style="background:transparent;" width="476px" height="76px" left="6px" top="24px"> <label style="position:absolute;" width="37px" height="13" left="16px" top="8px" value="XLabel1" maxlength="0"/> <label style="position:absolute;" width="43px" height="15" left="167px" top="8px" value="XLabel2" maxlength="0"/> <textbox sclass="txstring-pa" width="121px" height="21" left="16px" top="24px" maxlength="0" type="text" value="XString1" rows="1" text="XString1"/> <combobox style="position:absolute;" width="145px" height="20px" left="167px" top="24px" action="show: slideDown({duration:0})" readonly="true" maxlength="0" buttonVisible="true" autocomplete="true"/> <button style="position:absolute;color:#000000;" width="75px" height="25px" left="392px" top="22px" label="XButton2" dir="normal" orient="horizontal" type="button" mold="trendy"/> </div> </hlayout> </vlayout> </north> </borderlayout> </hlayout> <hlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em"> <div style="background-color:#FFFF00;" width="490px" left="6px" top="119px" vflex="1"> <vlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em"> <hlayout style="background:transparent;" vflex="1" hflex="1" spacing="0.3em"> <button width="75px" height="25px" left="6px" top="9px" label="Event Button" dir="normal" orient="horizontal" type="button" mold="trendy"> <attribute name="onClick"> <![CDATA[ System.out.println("Hi."); ]]> </attribute> </button> <div style="background-color:#FFFBF0;" width="119px" left="330px" top="5px" vflex="1"> <button style="position:absolute;" width="75px" height="25px" left="20px" top="8px" label="XButton3" dir="normal" orient="horizontal" type="button" mold="trendy"/> <button style="position:absolute;" width="75px" height="25px" left="22px" top="244px" label="XButton4" dir="normal" orient="horizontal" type="button" mold="trendy"/> </div> </hlayout> </vlayout> </div> </hlayout> </vlayout> </div> </window> <!--</page>--> </zk>