Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
Hello
My index page is compose of 2 grids. So far it's working BUT the all page is taking only 1/3 of the top of the page. I would like my grid to take all the webpage
Any idea ?
<window id="windowIndex" apply="index.windowIndex">
<grid> <columns> <column></column> </columns>
<rows>
<row height="10%">
<label value="TITLE" />
</row>
<row >
<grid>
<columns>
<column width="10%"></column>
<column height="100%"></column>
</columns>
<rows>
<row width="10%">
<!-- MENU -->
<grid>
<columns>
<column></column>
</columns>
<rows>
<row height="10%">
<button id="btnIndice" label="Indices" />
</row>
<row>
<button id="btnSector" label="Sectors" />
</row>
<row>
<button id="btnStock" label="Stocks" />
</row>
</rows>
</grid>
<!-- MAIN -->
<iframe id="ifMain" width="100%" height="100%" />
</row>
</rows>
</grid>
</row>
</rows>
</grid> </window>
thanks Nicolas
Btw... i think you should try to refactor your composition: i'd say that nesting grids too much is never a good idea. If i interpreted correctly what you were trying to do...something like:
<window id="windowIndex" vflex="1">
<borderlayout>
<north>
<label value="TITLE" style="font-size: 2em; padding: 10px;" />
</north>
<west width="150px">
<vlayout style="text-align: center; padding: 10px;">
<button id="btnIndice" label="Indices" />
<button id="btnSector" label="Sectors" />
<button id="btnStock" label="Stocks" />
</vlayout>
</west>
<center>
<iframe style="background-color: lightcyan" vflex="1" hflex="1" />
</center>
</borderlayout>
</window>
i put some stupid styles just to show better the space distribution.
Asked: 2013-05-09 19:47:19 +0800
Seen: 21 times
Last updated: May 10 '13