Revision history [back]

click to hide/show revision 1
initial version

asked 2021-06-10 00:48:39 +0800

DanielPy gravatar image DanielPy

vflex and center layout

I had an issue when applying sapphire (or other themes) when using this combination of zul controls:

ZK CE Version: 9.5.1.3

ZK Sapphire: 9.5.0.1

Im tried same with 8.6.0 versions but the results are same.

<window border="normal" height="100%" apply="ParametersGrd"> <caption id="capTitle" label="${c:l('ParametersGrd.gridTitle')}" image="${dir}/imgs/32x32/adjust.png" /> <borderlayout> <center> <listbox id="lbxGeneric" mold="paging" vflex="1" autopaging="true"> ... </listbox> </center> <south> ... </south> </borderlayout> </window>

If im set it <center vflex="true">, then Listbox overflow the visible area to down side.

If im set it <center flex="true"> (flex is deprecated) it works.

vflex and center layout

I had an issue when applying sapphire (or other themes) when using this combination of zul controls:

ZK CE Version: 9.5.1.3

ZK Sapphire: 9.5.0.1

Im tried same with 8.6.0 versions but the results are same.

 <window border="normal" height="100%" apply="ParametersGrd">
  <caption id="capTitle" label="${c:l('ParametersGrd.gridTitle')}"  image="${dir}/imgs/32x32/adjust.png" />
    <borderlayout>
      <center>
    <listbox id="lbxGeneric" mold="paging" vflex="1" autopaging="true">
    ...
    </listbox>
      </center>
      <south>
      ...
      </south>
    </borderlayout>
</window>

If im set it <center vflex="true">, then Listbox overflow the visible area to down side.

If im set it <center flex="true"> (flex is deprecated) it works.

vflex and center layout

I had an issue when applying sapphire (or other themes) when using this combination of zul controls:

ZK CE Version: 9.5.1.3

ZK Sapphire: 9.5.0.1

Im tried same with 8.6.0 versions but the results are same.

<window border="normal" height="100%" apply="ParametersGrd">
  <caption id="capTitle" label="${c:l('ParametersGrd.gridTitle')}" 
           image="${dir}/imgs/32x32/adjust.png" />
   <borderlayout>
     <center>
     <listbox id="lbxGeneric" mold="paging" vflex="1" autopaging="true">
     ...
     </listbox>
     </center>
     <south>
      ...
     </south>
   </borderlayout>
</window>

If im set it <center vflex="true">, then Listbox overflow the visible area to down side.

If im set it <center flex="true"> (flex is deprecated) it works.

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More