borderlayout in include not display with height="100%"

answered 2015-04-04 13:01:05 +0800

Senthilchettyin
2623 ● 3 ● 8
http://emrpms.blogspot.in...

Hello

I also have the same problem. here is the layout

<zk xmlns:n="native">
<window id="windowOuterMain" width="100%" height="100%"
    border="none" sclass="outerwin" ctrlKeys="#f12#f11#f10#f2#f9"
    onClientInfo="@command('updateClientInfo', width=event.desktopWidth, height=event.desktopHeight, orientation=event.orientation)"
    apply="org.zkoss.bind.BindComposer"
    viewModel="@id('vm') @init('com.product.webapp.main.MainVM')">
    <include src="navbar.zul" />
    <hlayout id="main" spacing="0">
        <include id="sidebar" src="sidebar.zul" />
        <vlayout spacing="0" hflex="1">
            <include src="breadcrumbs.zul" />
            <borderlayout id="mainlayout" height="100%">
                <center id="center" autoscroll="false"
                    border="none">
                    <div id="screeensdiv"></div>
                </center>

                <south border="none" size="6%">
                    <div align="center">
                        <image width="50px"
                            src="/images/medxlogo.png" />
                        <label
                            value="Copyright © 2012 MedX Group Inc All Rights Reserved"
                            sclass="screenheaderlabel" />
                    </div>
                </south>
            </borderlayout>



        </vlayout>
    </hlayout>
</window>

</zk>

It works only when i put height in pixels for borderlayout. It never works for 100%

answered 2015-04-06 14:20:18 +0800

Darksu
1991 ● 1 ● 4

Hello Senthilchettyin,

Could you please post the included zul pages in order to investigate it in more detail?

Best Regards,

Darksu

answered 2015-05-26 16:20:57 +0800

eclipse1
21 ● 4

Hello

I also have the same problem with the height of the borderlayout.

Here is the page that calls the include.

<zk>
  <window border="normal" apply="pkg$.TestComposer" width="100%" height="100%">
     <label value="You are seeing index.zul content." />
     <include src="borderlayout.zul"/>
  </window>
</zk>

Here is the borderlayout.zul

<window border="none" apply="org.zkoss.bind.BindComposer" width="100%" height="100%">

 <borderlayout vflex="1" hflex="1">
    <center autoscroll="true">
          <div>
            <label value="You are seeing borderlayout.zul content." />
          </div>
    </center>
 </borderlayout>
</window>

When i inspected the element, the height of the bordelayout was 0px. It doesn't work having neither with vflex="1" or height="100%" on the borderlayout.