ZK - Open Source Ajax Java Framework

hbox button alignment issue

marcomistroni

4 Jan 2012 16:17:47 GMT

Hi all
i have the following code that aligns two buttons in a hbox.

              <div style="text-align: center;">
                    <hbox>
                      <button id="saveButton" label="Save" 
                        forward="onClick=onUpdate" />
                      <button id="deleteButton" label="Delete" 
                        forward="onClick=onDelete" />
                    </hbox>
                  </div>

I have found a post that suggested to wrap the hbox code in a div in order to give the correct style to buttons

the problem is that the code runs fine on IE, but in firefox the buttons are left-aligned..

could anyone assist?

w/kindest regards
marco

twiegandTop Contributor

4 Jan 2012 18:13:16 GMT

Marco,

Assuming you are running ZK 5 or above, you might try modifying your code to look like this instead:

<div align="center">
	<hlayout>
		<button id="saveButton" label="Save" forward="onClick=onUpdate" />
		<button id="deleteButton" label="Delete" forward="onClick=onDelete" />
	</hlayout>
</div>

Hope that helps,

Todd

marcomistroni

5 Jan 2012 11:37:43 GMT

thanks a lot! that fixed it!

rgds
marco