title: How to set height borderlayout ZK automaticly fit to parent size
body: <p>a question to be answered why <code>borderlayout</code> set <code>height="100%"</code> not working but when i set height using pixels it's working fine,i am try to adding <code>vflex="1"</code> but still nothing happen,how to make it fit to parent size automaticly? this is my zul code :</p>
  
  <pre><code>&lt;zk xmlns="http://www.zkoss.org/2005/zul"&gt;
      &lt;window border="none" width="90%" height="min"
              apply="org.zkoss.bind.BindComposer" 
              viewModel="@id('vm') @init('com.dp.acction.adira.bitozen.interfaces.web.ui.viewmodel.CetakMainVM')"&gt;
          &lt;!--    SUB-SUB --&gt;        
      &lt;borderlayout height="100%"&gt;
          &lt;center&gt;
              &lt;borderlayout&gt;
                  &lt;west  size="25%" collapsible="true"&gt;
                      &lt;div style="background:#B8D335"&gt;
                          &lt;label value="Test layout" /&gt;
                      &lt;/div&gt;
                  &lt;/west&gt;
              &lt;center&gt;
                  &lt;div&gt;
                       &lt;vlayout&gt;
                          &lt;groupbox  width="100%"  visible="true"&gt;
                                       &lt;caption label="${labels.common.label.hasil_pencarian}"
                                       style="color:blue" /&gt;
                                       &lt;vlayout hflex="1" width="80%"&gt;
                                           &lt;checkbox  name="chkBPKB" label="Print SPP/SIP BPKB" checked="@bind(vm.chkBPKB)" /&gt;
                                           &lt;listbox model="@load(vm.poDTOs)" 
                                            mold="paging" 
                                            pageSize="10"
                                            height="50%"
                                            emptyMessage="Tidak ada data" 
                                            checkmark="true"
                                            width="100%"          
                                            selectedItem="@bind(vm.aksiSelectedPO)"
                                            onClick="@command('onCheckRadio')"  style="overflow:hidden"&gt;
                                               &lt;listhead  &gt;
                                                    &lt;listheader  label="${labels.common.label.pilih}" width="50px" align="center"/&gt;
                                                    &lt;listheader label="${labels.common.label.sentra}" width="150px" align="center"/&gt;
                                                    &lt;listheader label="${labels.common.label.unit}" width="150px" align="center"/&gt;
                                                    &lt;listheader label="${labels.common.label.jenis_pihak_ketiga}" width="150px" align="center"/&gt;
                                                    &lt;listheader label="${labels.common.label.nama_pihak_ketiga}" width="150px" align="center"/&gt;
                                                    &lt;listheader label="${labels.common.label.no_po}" width="150px" align="center"/&gt;
                                                    &lt;listheader label="${labels.common.label.nama_lengkap}" width="150px" align="center"/&gt;
                                                    &lt;listheader label="${labels.common.label.no_aplikasi}" width="150px" align="center"/&gt;
                                                &lt;/listhead&gt;
                                                &lt;template name="model"  status="s" var="item"&gt;
                                           &lt;listitem&gt;  
                                               &lt;listcell /&gt;
                                               &lt;listcell label="@load(item.sentraID)" /&gt;
                                               &lt;listcell label="@load(item.unitID)" /&gt;
                                               &lt;listcell label="@load(item.thirdPartyTypeID)" /&gt;
                                               &lt;listcell label="@load(item.thirdPartyName)" /&gt; 
                                               &lt;listcell label="@load(item.poNumber)" /&gt; 
                                               &lt;listcell label="@load(item.customerName)" /&gt; 
                                               &lt;listcell label="@load(item.orderID)" /&gt; 
                                           &lt;/listitem&gt;                                          
                                           &lt;/template&gt; 
                                           &lt;/listbox&gt;
                                       &lt;/vlayout&gt;
                                   &lt;/groupbox&gt;     
                       &lt;/vlayout&gt;
                  &lt;/div&gt;
              &lt;/center&gt;
              &lt;/borderlayout&gt;
          &lt;/center&gt;    
      &lt;/borderlayout&gt;
      &lt;/window&gt;
  &lt;/zk&gt;
  </code></pre>
  
  <p>when i am searching about this i found this <a href="http://forum.zkoss.org/question/42210/borderlayout-height100-failed-on-opera-and-ie-with-zk5/?sort=oldest&amp;page=1#sort-top" rel="nofollow noreferrer"> thread in zk forum</a> but still no getting solution.</p>