Font size of top & left panel menu items

Submitted by Guest on Wed, 21/08/2013 - 05:24

Implementation discussion

I had hoped that the size of these was controlled by one of the font.h4.size or font.h5.size rather than solely by the base font.size. However, experimentation would appear to indicate that this is not the case and that one cannot adjust the menu item sizes independently of the base font size.

Is this indeed the case?

Regards, Tim G

Re: Font size of top & left panel menu items

Submitted by tanderson on Wed, 21/08/2013 - 14:28.

The button style is determined by MainPane.Menu.Button style:

     <style name="MainPane.Menu.Button"
           type="nextapp.echo2.app.button.AbstractButton">
        <properties>
            <property name="insets" value="${padding.small} 0px"/>
            <property name="foreground" value="#fdf5e6"/>
            <property name="background" value="#339933"/>
            <!-- oldlace -->
            <property name="pressedEnabled" value="true"/>
            <property name="pressedForeground" value="#000000"/>
            <!-- black -->
            <property name="rolloverEnabled" value="true"/>
            <property name="rolloverForeground" value="#000000"/>
            <property name="rolloverBackground" value="#99cc66"/>
            <property name="font">
                <font size="${font.size}" bold="true">
                    <typeface name="${font.typeface}"/>
                </font>
            </property>
            <property name="border">
                <border style="none"/>
            </property>
            <property name="rolloverBorder">
                <border style="none"/>
            </property>
        </properties>
    </style>

If you increase the font size, you might need to play around with the MainPane.Menu.height and MainPane.separatorPosition properties.

Re: Font size of top & left panel menu items

Submitted by tgething (not verified) on Wed, 21/08/2013 - 20:13.

Tim - thanks for this. The practice manager is happy and we will go with a 1.333 scaling. Initially I used the h4 font (because I didn't think h4 was used) and I tweaked mainPane.Menu.height to be
max($font.h4.size + 6, 18) and it worked wonderfully. Then I noticed that h4 was in use, so I thought - no sweat - h6 is not used.

So I cloned the h5 definition to build h6, and set font.h6.size = $font.size * 1.333 and adjusted the above mainPane.Menu.height to use $font.h6.size.

However, this screws things right royally - you lose all css, and if you go to Admin|Stylesheets it bitches as follows:

<error-report>
<version>1.7-SNAPSHOT</version>
<revision>5415</revision>
<message>Undefined variable: font.h6.size</message>
<exception>
<type>org.openvpms.web.echo.style.StyleSheetException</type>
<message>Failed to evaluate expression: max($font.h6.size + 6, 18)</message>

My conclusion is that I am being too clever, and I cannot define h6 just in the default.stylesheet - somewhere lower down in the echo setup, h6 needs to be defined.

I can do what I want, but it would be neat if h6 was available to set the size of the menu items.

Regards, Tim G

Re: Font size of top & left panel menu items

Submitted by tanderson on Thu, 22/08/2013 - 20:21.

The font.h4.size is already defined as $font.size * 1.333, so can't you just do:

            <property name="font">
                <font size="${font.h4.size}" bold="true">
                    <typeface name="${font.typeface}"/>
                </font>
            </property>