Here is what I currently have:
<page xmlns="http://www.intersystems.com/zen" title="">
<html id="title" height="200">Guides to Wellness: Invoices</html>
<hgroup width="100%">
<vgroup align="right" valign="middle">
<button caption="Import Client Consultation Extract" width="500px" height="200px"/>
<button caption="Manage Consultants" width="500px" height="200px"/>
<button caption="Manage Invoices" width="500px" height="200px"/>
</vgroup>
<vgroup align="left" valign="middle">
<button caption="Generate Report" width="500px" height="200px"/>
<button caption="Manage Services" width="500px" height="200px"/>
<button caption="Manage Fees" width="500px" height="200px"/>
</vgroup>
</hgroup>
</page>
This produced a page that looks like this:
.png)
I specified width and height for each button but those directives do not appear to be working or they would all be the same size. I also specified each horizontal group that they should be aligned to the right or left and vertically aligned in the middle.
This is what I get when I remove the width and height specifications from the button definitions:
.png)
This is closer but I want the buttons bigger and all the same size.
Why is this not working?
Thanks for your time.