Search code examples
zkborder-layoutzul

How to make zk boderlayout to fit any resolution screen

 <window  height="300px">
    <borderlayout >

        <north height="60px" ></north>

        <west width="200px" ></west>

        <center></center>

        <east width="200px" ></east>

        <south height="40px"></south>

    </borderlayout>
</window>

Currently i have to set the window height to a pixel value for this to work properly..

So if my screen resolution height is 300px then it will cover the complete screen.

But will not fill up the complete screen for different resolutions...

How to make this hardcoded value to be dynamic based to user screen resolution ?

I cannot remove window tag.

zkfiddle example

Solution 
  • <window  height="100%">

    should do the trick.
    Maybe Media Queries could be interesting for you too.