Question
· Aug 1

I am trying to design a home Zen screen with a title at the top and 6 buttons gathered in the center and middle of the screen arranged in 2 columns of 3 three buttons.

Here is what I currently have:

<page xmlns="http://www.intersystems.com/zentitle="">
<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:

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:

This is closer but I want the buttons bigger and all the same size.

Why is this not working?

Thanks for your time.

Product version: Caché 2017.1
$ZV: Cache for Windows (x86-64) 2017.1.3 (Build 317_5_19311) Fri Oct 4 2019 16:07:01 EDT
Discussion (1)1
Log in or sign up to continue