For example if you choose a value of 50 and a ratio of zero, the buttons will look like this:
Note that the edges of the disabled button and the "60x20" button look fine, but the others do not.
The "18x16" button looks bad because it is not perfectly squared (and we specified a ratio of 0), so it takes the normal rectangular graphic for the button, and when Clarion stretched it, it looses the vertical borders. This button as you can see has 18x16, which is a ratio of 0.13 (18/16=1.125, -1=0.125). Enter a ratio of at least 0.20 and this kind of button will look fine. The value for the ratio should be less than 1 (which represents a button twice width than height or twice height than width).
The "51x50" and "120x50" buttons look bad because they are too big, and when the small graphic is stretched, the button's borders are distorted. Note that the "height" of these buttons is 50, which means that we should enter a value of 49 or less in the template.
With adjusted values, the window would look like this:
