How To Create The Mod - Team Colours Versions
Due to the way the Match Screens work the game won't read the team colours correctly from the scoreboard file, however we can trick the game into reading the team colours by moving the team details into a sub file that the game will read the team colours from. This mod does this by moving the team details into the match incidents files (which were used for the Match Overview screens) where the game will still read the colours and then calls some custom files so we don't interfere with the use of the match incident files elsewhere in the game.
The xml file we need to edit is the match score area panel file located in the panels\match folder extracted from the panels fmf file.
In that file locate this code for the Home Team:
<container class="main_box_no_margin" red_replacement="white" appearance="boxes/custom/match/tv captions/si tv/score/home team/paper" id="T1Co">
<layout class="stick_to_sides_attachment" alignment="all" apply_to_children="true" inset="0"/>
<widget class="text_button" id="T1nm" font="title" size="9.5" alignment="centre" click_event="htac" navigation_focus_target="false" colour="black"/>
</container>
And replace it with the following code:
<container class="home_match_incidents_panel" id="Hnkp" file="match/match score home" height="40">
<record id="object_property">
<integer id="get_property" value="objt" />
<integer id="set_property" value="objt" />
</record>
</container>
Next locate the code for the Away Team which looks like this:
<container class="main_box_no_margin" red_replacement="white" appearance="boxes/custom/match/tv captions/si tv/score/away team/paper" id="T2Co">
<layout class="stick_to_sides_attachment" alignment="all" apply_to_children="true" inset="0"/>
<widget class="text_button" id="T2nm" font="title" size="9.5" alignment="centre" click_event="htac" navigation_focus_target="false" colour="black" multiline="true"/>
</container>
And replace it with the following code:
<container class="away_match_incidents_panel" id="Ankp" file="match/match score away" height="40">
<record id="object_property">
<integer id="get_property" value="objt" />
<integer id="set_property" value="objt" />
</record>
</container>
The Home and Away code is largely the same with the differences on the first line, where we have a different class for the Home and Away file, we also have different ids and this ensures the game correctly populates the Home/Away team data into the correct place.
Then we have the file bit of code and this directs the game to read the code from the linked file and it is within these files that the actual code to display the team names and colours is now located. Also the filenames used here don't really matter they just need to match up with the names of the actual files we'll be creating in a moment, so you can use your own names if you wish just pick a simple descriptive name and avoid using an existing filename otherwise you'll cause a conflict somewhere else.
In addition you can also point the Home and Away files to the same file, this is useful if you want the Home/Away layout to be the same, however in our case we are going to mirror the Home/Away layout so need two separate files.
However before we move onto the Match Incidents files there are two more changes we need to make in the match score area panel file and these involve increasing the width of the panel to ensure that the longer team names will actually fit.
First locate this line of code, that should be just above the Home Team code we replaced;
<container width="235" id="temc">
This value controls the overall width of the Home, Away and Score panels. By default the Score panel takes up 75 pixels with the Home and Away panels then using half of the remaining space, so when you have worked out how long you need to make the teambar double that value and add 75 to give you the width value to enter above. For my version I set a width of 517 as this lined up nicely with the Notable Events Panel whilst giving enough room for the larger team names.
Next go upto the top of the file and you'll see this line of code:
<panel width="356">
This value controls the overall width of the panel which includes the Team Names, Scores, Time and Comp Logo. You'll notice this value is 121 pixels higher than the other width so when adjusting this value make it 121 pixels higher than the above value you already edited.
One thing you'll notice is if you add up the width of the Clock (100), Comp Logo (47) and Score (235) Containers is that they don't add up to 356 they instead add up to 382 and this is because due to the shape of the default graphics the Clock and Score containers have each been moved to the left by 13 pixels (the horizontal_gap code on the attachment_group lines) which reduces the container length by 26 pixels overall which gives us our final value.
Now that you have edited the match score area panel we can move onto the match incidents files which contain the important code.