-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi everyone.. I am making an application I have just found my first problem.. How can I align my first button on the left, and the second one on the right?
I have the following zul:
<borderlayout hflex="1" vflex="1">
<north vflex="min" border="none">
<hbox vflex="1">
<button image="/imagens/return.png" width="50px" height="50px" />
<button image="/imagens/home.png" width="50px" height="50px" href="index.zul"/>
</hbox>
</north>
<center vflex="min" border="none">
<div id="centro" vflex="1">
</div>
</center>
</borderlayout>
May be below code will help you
<div style="text-align: right;">
<hbox ...>
</div>
Try add a empty div with hflex="1" between two buttons.
<hbox vflex="1" hflex="1">
<button label="abc" width="50px" height="50px" />
<div hflex="1"></div>
<button label="bdf" width="50px" height="50px" href="index.zul"/>
</hbox>
Asked: 2013-06-01 21:23:02 +0800
Seen: 76 times
Last updated: Jun 03 '13