FM18 Mod: Match In-Between Highlights

How to Enable Different Views

Within the skin I have included various different views that can be shown for each option in each panel, as the game only supports one view for each item per panel enabled at once if you want different views you'll need to enable them.

Screenshots below show the list of different options you can have for the various panels (note all views may not be available in Touch Mode as it doesn't use some data):

Match Overview
You have five options for the Overview panel.


Match Stats
Two options here one with bar charts and one without.


Formation Panels
Couple of options here, for the both Formations Panel you can choose to have them side-by-side or top-bottom, whilst the individual Formation Panels give you a choice of the normal panel shirts) or a small panel (dots). You can also right click on any of these panels to change the orientation of the pitches.


Player Ratings and Body Language
Each of these has three views, default one keeps subs on the bench, alternative view sees them move into the XI when brought on and the last view is the Full Stats page. You can also edit the shown columns by editing the individual xml files instructions are in those files.


There are also various other panels you can select to display from the dropdown but they have no alternative views so their is no need to edit the xml file for those panels.

Also includes other panels (feedback, league table, updates etc...) but they have no alternative views available.


To enable the different views you need to edit the 'match in between highlights panel' xml file located in the panels folder for the version of the mod you have downloaded.

To edit this file I reccommend you use Notepad++ or a web editing program that displays the code in colour as it makes it easier to see which parts to edit.

I've added various comments to the file to explain what various bits of code do so it should be fairly simple to edit, these should appear in a green colour if you are using Notepad++

For an example I will show you how to switch between the two versions of the Match Stats panel.

First the In Between Match Highlights Panel is made up of four panels - we have the full size left panel, the full size middle panel and then the two right panels the top one and the bottom one, each of these panels has it's own code that determines what displays in each of them, for example it is possible to set a different version of the match stats panel to appear in each of them (which is what we are going to do).

To edit the Match Stats view on the Left Panel you need to scroll down until you find this section of code:

<!-- L2 MATCH STATS PANEL - Customisable includes bar charts, custom file to fix some appearance issues. NEED TO CHOOSE EITHER DEFAULT OR MODIFIED-->
<widget class="match_stats_panel" id="mtst" file="match/match stats ibh">
<translation id="title" translation_id="247439" type="use" value="Match Stats" />
</widget>

<!-- L2 MATCH STATS PANEL - Customisable No Bar Charts -->
<!-- <widget class="match_stats_panel" id="mtst" file="match/match stats floating">
<translation id="title" translation_id="247439" type="use" value="Match Stats" />
</widget> -->

The first line is commented out and explains what the code below displays, the L2 mark at the start of the line denotes L for the Left Panel and 2 as the Match Stats view is the second item in the list (after the overview screen) now you can only have one of the two match stats views visable for the left panel at one time each of the options are noted by the L2 note on the first line.

At the moment the code in red is the active code, however we want the second view to display (no bar charts) to do this we need to comment out the active mode by adding <!-- to the start of the code and --> to the end so it now looks like this:

<!-- L2 MATCH STATS PANEL - Customisable includes bar charts, custom file to fix some appearance issues. NEED TO CHOOSE EITHER DEFAULT OR MODIFIED-->
<!-- <widget class="match_stats_panel" id="mtst" file="match/match stats ibh">
<translation id="title" translation_id="247439" type="use" value="Match Stats" />
</widget> -->

Now to enable the second view we need to uncomment out it's code by deleting the <!-- from the second line and the --> from the last line so the code now looks like this:

<!-- L2 MATCH STATS PANEL - Customisable No Bar Charts -->
<widget class="match_stats_panel" id="mtst" file="match/match stats floating">
<translation id="title" translation_id="247439" type="use" value="Match Stats" />
</widget>

Now the code in the file should look like this:

<!-- L2 MATCH STATS PANEL - Customisable includes bar charts, custom file to fix some appearance issues. NEED TO CHOOSE EITHER DEFAULT OR MODIFIED-->
<!-- <widget class="match_stats_panel" id="mtst" file="match/match stats ibh">
<translation id="title" translation_id="247439" type="use" value="Match Stats" />
</widget> -->

<!-- L2 MATCH STATS PANEL - Customisable No Bar Charts -->
<widget class="match_stats_panel" id="mtst" file="match/match stats floating">
<translation id="title" translation_id="247439" type="use" value="Match Stats" />
</widget>

If done right when selecting the Match Stats view in the left panel it should now show the view without the Bar Charts whilst the middle panel will still show the Bar Charts.

To adjust the middle panel you need to scroll down until you find the code that starts with an M, so for the Match Stats view look for this line:

<!-- M2 MATCH STATS PANEL - Customisable includes bar charts, custom file to fix some appearance issues NEED TO CHOOSE EITHER DEFAULT OR MODIFIED-->

To adjust the top right panel look for lines like this:

<!-- RT2 MATCH STATS PANEL - Customisable No Bar Charts NEED TO CHOOSE EITHER DEFAULT OR MODIFIED-->

To adjust the bottom right panel look for lines like this:

<!-- RB2 MATCH STATS PANEL - Customisable No Bar Charts NEED TO CHOOSE EITHER DEFAULT OR MODIFIED-->

The coding for each of these panels is edited just as you did for the left panel, and the alternative views for the other options are also enabled in the same manner just remember you can only have one view per note enabled at once i.e. only one of the L2 items can be enabled at once but the M2 item can be a different view as long as only one of the M2 views is enabled.

How to Adjust the Size of the Panels

Thanks to the split container code you can now adjust the width of the various panels from within the game, however to adjust the height of the right side panels you still need to edit the xml file.

How to edit the sizes of the individual panels

Before editing the individual panels you need to understand what the following codes do:

minimum_height - this sets the minimum width/height of the panel if the available space is less than this value then the panel won't show.
default_height - this is the width/height that the game trys to display the panel at, depending on available space it can appear smaller (to min width as above) or bigger.

Normally for these codes you'd enter a number which corresponds to the number of pixels you want the panel to be, however there is also an option to use a negative number (i.e. -1) the negative sign tells the game to make the panel proportional to the available space with the number determining the ratio.

-1 tells the game to fill the rest of the available space (after it has drawn any panels with actual pixel values) equally between all the panels set to -1. So if you set both of the right panels to -1 you'd end up with two equal height panels. If you set the top panel to 500 and the bottom panel to -1 the top panel would take up 500 pixels and the bottom one would take up what space is left.

If you set the top panel to -2 and the bottom panel to -1 then the top panel would take up 2/3 of the space with the bottom panel getting 1/3.

priority - this tells the game in which order to hide panels if there isn't enough space to show them all, the lower the number the higher the priority so a priority="2" panel will be hidden before a priority="1" panel.

With the above in mind you can now adjust the panel sizes.

To adjust the height of the top part of the right panel locate this code:

<!-- RIGHT TOP CONTAINER ADJUST DEFAULT_HEIGHT VALUE IF YOU WANT IT TO BE BIGGER-->
<container class="bordered_box" minimum_height="1" priority="3" default_height="-1">

And the height of the bottom part is controlled by this code:

<!-- RIGHT - BOTTOM ADJUST DEFAULT_HEIGHT VALUE TO RESIZE-->
<container class="bordered_box" minimum_height="1" priority="4" default_height="380">

As you'll see each panel has a comment above it in the file to denote where the coding for that panel starts.

You now just need to play around with the values until you are happy with sizes, in addition if you want a panel to stay a static size set the minimum and default values to the same value.

How to Change Kit/Logo & Text Sizes on Overview View

If you are using the view with the teams arranged vertically (the default view for the left and middle panels) you'll need to edit the 'match incidents small ibh' xml file.

To change the logos to kits then locate this section of code:
<widget class="match_team_logo_picture" id="TeLo"/>
<!-- <widget class="kit_picture" id="teKP" scale_picture="true" keep_aspect_ratio="true" image_alignment="centre"/> -->

You then want to change those lines so they read:
<!-- <widget class="match_team_logo_picture" id="TeLo"/> -->
<widget class="kit_picture" id="teKP" scale_picture="true" keep_aspect_ratio="true" image_alignment="centre"/>

Bascially having the first line enabled shows logos and having the second enabled shows kits.

If you want to replace the logos with kits on other parts of the match screens you'll need to carry out the same instructions in the various match incident files.

To change the sizes of the kits/logos then in the same file the first line you need to locate is this one near the top of the file:

<widget class="table" id="tntb" layout="100,-60,-15" mode="fill_rows, stripe_rows" auto_size_rows="true" auto_size="vertical" row_spacing="0">

The 100 is for the kit/logo picture, -60 is for the team name and -15 is for the score, the only one that should need adjusting is the first number, make this number 10 or 20 pixels greater than the size of the kit/logo. You should only need to play around with the other numbers if you don't have enough room.

If you want to adjust the text size locate this bit of code:

<list id="column_properties">
<record index="0" auto_size="all" />
<record index="1" size="18" alignment="left,centre_y" />
<record index="2" alignment="right,centre_y" size="18" />
</list>

The second line sets the font size for the Team Name and the third line sets the font size for the Score.

Now to adjust the kit/logo size locate this bit of code:

<container height="80" width="80" col="0" row="0">

And adjust the values to match your kit size.

Finally if you are editing the font size locate this bit of code:

<widget class="text" id="mitn" col="1" row="0" height="80" font="fonts/match_panel_title" colour="text" />

And adjust the value if need be, you should only need to do this if your font isn't fitting, you can also change the font and font colour here if you want.