Align buttons

asked 2013-06-01 21:23:02 +0800

posh gravatar image posh
3 2

updated 2013-06-03 02:32:05 +0800

vincentjian gravatar image vincentjian
2245 6

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"/>
    <center vflex="min" border="none">
        <div id="centro" vflex="1">

delete flag offensive retag edit

2 Answers

Sort by ┬╗ oldest newest most voted

answered 2013-06-02 19:45:29 +0800

sjoshi gravatar image sjoshi flag of India
3493 1 8

May be below code will help you

<div style="text-align: right;">
   <hbox ...>
link publish delete flag offensive edit

answered 2013-06-03 02:30:24 +0800

vincentjian gravatar image vincentjian
2245 6

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"/>
link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



Asked: 2013-06-01 21:23:02 +0800

Seen: 75 times

Last updated: Jun 03 '13

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