Orange box [Back/Next Buttons]

[gavo01]

Anyone know what panel controls the back button on this photo? I'd like it to be coloured white like the rest of the header. I've checked the match title bar.xml file but its not listed in that one. Other files have drawn a blank too.

Many thanks in advance.

[drswit]

header.xml

[gavo01]

Thanks for the pointer but unfortunately changing the settings in that file only makes the header for all screens white and still leaves the back/next buttons on the match overview screen as orange.

[michaeltmurrayuk]

They are controlled by several things, however one thing that might cause you problems is that both the normal and match ones are controlled by the same code so changing one will also change the other.

If you still want to change them the graphics are controlled by the graphics located here:

\skins\fm-widgets\graphics\buttons\custom\interface\navigation bar

However the images in those files are transparent, so any recolouring won't make any difference you'll need to replace them with none transparent images, once you have done that in the xml files in that location locate these lines:

<colour id="red_replacement" name="primary"/>

<colour id="green_replacement" name="standard_button_shadow"/>

<colour id="blue_replacement" name="standard_button_border"/>

<record id="primary_icon_properties" red_replacement="secondary"/>

<record id="secondary_icon_properties" red_replacement="secondary"/>

The first three will control the colour of the background, the bottom ones sortof control the colour of the arrow.

To change the colour of the arrow you need to change secondary value to something else (any other actual colour will be fine as the colour isn't read from here but it will read the primary/secondary recolouring command so you need to remove that) then in the header.xml file locate the lines that look like this:

<record id="primary_icon_properties" red_replacement="primary"/>

Will be one for both the back and next buttons and change that replacement value to recolour the arrows to what you want.

If you want the non-match titlebar back/next buttons to stay recoloured then you can remove the code from the header.xml file and paste it into both the titlebar.xml and match titlebar.xml files so the match and non-match arrows are treated seperately.

When pasting the code into the match titlebar file paste it in after this bit of code:

<container height="50">

<layout class="arrange_horizontal_attachment" alignment="left,extend" gap="0" offset="0" />

<layout class="stick_to_sides_attachment" alignment="vertical" layout_children="true" inset="0" />

Then on the pasted code you'd need to locate this bit of code for each of the buttons:

appearance="buttons/custom/interface/navigation bar/button"

and change the location to a custom location, then copy the contents of that folder to your new folder.

Then in the titlebar file paste the back/next code after this line:

<!-- main logos container -->

<container id="MnLg">

<layout class="arrange_horizontal_attachment" alignment="left,extend" offset="0" gap="0"/>

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0" layout_children="true"/>

(If you have already edited the button graphics then leave the match buttons using the default location, and instead change the appearance line for the non-match buttons and then copy over the default files into the new location).

[gavo01]

Sorry for the late reply Michael, work commitments.

That has work worked wonderfully. Many thanks for taking the time to post of all this.