NOTE: These instructions are for people who need or want to create the mod themselves, you can find a downloadable version of the mod on this page.
To create the mod for Football Manager 2018 you will need to extract the 'add manager profile panel' xml file from the panels\human folder found inside the panels.fmf file if you don't know how to extract the default files then have a read of this guide.
Once you have extracted the 'add manager profile panel' xml file you will need to copy it into the panels\human folder for the skin you are using (if those folders don't exist just create them).
Now there are a few changes we need to make to that file so open the file and locate the following line of text ( Line #32):
<layout class="grid_layout_attachment" row_layout="20,30,22,20,30,22,20,30,22,20,30,1,20,30,30,60" mode="auto" vertical_gap="5" vertical_offset_start="40" vertical_offset_end="0">
That line tells the game how many rows to display on the Add Manager Profile Screen, so what we need to do is add another row for the manager picture content, so change that line to read:
<layout class="grid_layout_attachment" row_layout="20,30,22,20,30,22,20,30,22,20,30,1,20,30,30,60,30" mode="auto" vertical_gap="5" vertical_offset_start="40" vertical_offset_end="0">
As you can see we have added another row to the row_layout code, you can change this number to something else if you want the row height to be different.
Now if you scroll down a bit you will see a load of code that looks like this:
<record>
<string id="column_layout" value="-1,-1,-1" />
<integer id="horizontal_offset" value="20" />
<integer id="horizontal_gap" value="5" />
</record>
</list>
</layout>
This code tells the game how to layout the columns in the row, so again we need to add some code to get the Manager Picture code to display so change that code to read:
<record>
<string id="column_layout" value="-1,-1,-1" />
<integer id="horizontal_offset" value="20" />
<integer id="horizontal_gap" value="5" />
</record>
<record>
<string id="column_layout" value="-1,-1,-2" />
<integer id="horizontal_offset" value="20" />
<integer id="horizontal_gap" value="5" />
</record>
</list>
</layout>
The Bold code we have added tells the game how to layout the columns, the string line tells the game how many columns there are on the row and how wide they should be, so you can see from this there are three columns, whilst the negative numbers tell the game to set the widths by ratio instead of using fixed numbers, so in this case the first two columns take up 1/4 of the space and the last column takes up the last half, again you can adjust these values to different ratios or absolute numbers if you want.
Now we have set up the table we need to add the actual coding to call the Manager Picture, now scroll down to the bottom of the file where you should find this code:
<widget class="icon_button" id="yoib" icon="icons/48px/youtube" icon_alignment="centre" click_event="yoDI" />
<widget class="icon_button" id="tcib" icon="icons/48px/twitch" icon_alignment="centre" click_event="tcDI" />
<widget class="icon_button" id="faib" icon="icons/48px/facebook" icon_alignment="centre" click_event="faDI" />
<widget class="icon_button" id="twib" icon="icons/48px/twitter" icon_alignment="centre" click_event="twDI" />
And what we need to do underneath that code on Line #299 is paste in the following code:
<!-- pick manager picure -->
<widget class="label" alignment="right, centre_y" style="semi_bold">
<translation id="text" translation_id="292605" type="use" value="Manager Picture[COMMENT: add_manager_panel; select manager picture]" />
</widget>
<widget class="icon_button" id="slpc" alignment="left, centre_y" icon="icons/actions/select picture" fixed="true" auto_size="vertical">
<translation id="text" translation_id="361086" type="use" value="Choose Picture[COMMENT: Minor wording change, meaing the same, us etop 10 matches; Add Manager Wizard - Button that lets the manager select a picture of himself for his ingame manager profile]" />
<event id="click_event" event_id="sepi" event_target="sepi" />
</widget>
<widget class="text" alignment="left,centre_y" size="7" multiline="true">
<translation id="text" translation_id="292607" type="use" value="Select a picture to be used on your profile[COMMENT: add manager panel, option asking the user to select a picture for their profile]" />
</widget>
This is the code that allows you to assign a picture to your manager, and again you can change the alignment and size values to suit your preference.
---
Redistribution Terms
You are free to post this content to your website provided:
1. It is not sold or behind a paywall.
2. You don't advertise it as being exclusive to your website.
3. My username and blog address are included: http://michaeltmurrayuk.blogspot.co.uk/
If you like my work then feel free to send me a donation through paypal. Note this is completely optional all of my content will always be free.