Jump to content

[FM21][MOD] Scoreboard Mods


Recommended Posts

Full Time Review Fix

If you are using the default match screens you may have noticed that the team names aren't aligned on the Full Time Review Screen when checking a past match, I have included an optional fix with these mods to remove this scoreboard (as there is one in the header on this screen anyway).

To enable the fix browse to the panels\match folder of where you installed the mod and you'll notice a zip file called match full time review panel. All you need to do is unzip this file which should create a match full time review panel xml file in your panels\match folder. Then reload your skin with the skin cache turned off and this should remove the broken scoreboard from this panel.

(For Skinners the issue is caused by this screen not likely the auto_size code applied to the team names, so if you need/want the scoreboard enabled here delete the auto_size code from the home/away name widgets and replace with a fixed size).

Link to post
Share on other sites

How To Create The Mod - Team Names Only Version
 

NOTE: These instructions are mainly for skin makers, users who want to understand how the mod works or need to modify it to work with a custom skin, most users should just need to download the version of the mod they want from the link in the opening post.

To change the Scoreboard over to using the longer team names as shown on the tables instead of the short names is fairly simple.

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:
 

<widget class="text_button" id="T1nm" font="title" size="9.5" alignment="centre" click_event="htac" navigation_focus_target="false" colour="black"/>


And replace it with the following code:
 

<widget class="team_button" font="title" alignment="right, centre_y" multiline="true" auto_size="all" colour="black" icon_enabled="true" mode="1">
<record id="object_property" get_property="home" set_property="valu" />
</widget>


Next locate the code for the Away Team which looks like this:
 

<widget class="text_button" id="T2nm" font="title" size="9.5" alignment="centre" click_event="htac" navigation_focus_target="false" colour="black" multiline="true"/>


And replace it with the following code:
 

<widget class="team_button" font="title" alignment="left, centre_y" multiline="true" auto_size="all" colour="black" icon_enabled="true" mode="1">
<record id="object_property" get_property="away" set_property="valu" />
</widget>


The Home and Away code is largely the same with the only difference being the get_property part on the second line, where we have home for the Home Team and away for the Away Team.

If you don't want the badges showing, then change the icon_enabled part to false, you can also change the font, alignment and colour from this line, however I would generally leave the auto_size and multiline bits alone as they stop the longer team names being cut off.

After you are happy with the format of the text there are two more bits of code that we need to edit in this file

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.

Link to post
Share on other sites

How To Create The Mod - Team Colours Versions
 

NOTE: These instructions are mainly for skin makers, users who want to understand how the mod works or need to modify it to work with a custom skin, most users should just need to download the version of the mod they want from the link in the opening post.

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.

Match Score Home

<panel colour_team_names="true" >
<widget class="picture" id="bkcl" auto_size="vertical" file="boxes/custom/match/tv captions/si tv/score/home team/paper" cached="true" rthr="68" alignment="centre" red_replacement="white">
<layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" />
<layout class="centre_in_parent_attachment" alignment="vertical" />
</widget>

<container>

<layout class="arrange_horizontal_attachment" layout="30,-1" gap="0" offset="0"/>
<layout class="stick_to_sides_attachment" alignment="vertical" inset="0" apply_to_children="true"/>
<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>

<container>
<layout class="stick_to_sides_attachment" alignment="right" inset="15" />
<widget class="match_team_logo_picture" id="TeLo" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" alignment="centre">
<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,0" />
</widget>
</container>

<widget class="text" id="mitn" font="title" auto_size="all" alignment="right,centre_y" multiline="true" colour="black" >
<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,50" />
</widget>

</container>

</panel>

Match Score Away

<panel colour_team_names="true" >
<widget class="picture" id="bkcl" auto_size="vertical" file="boxes/custom/match/tv captions/si tv/score/away team/paper" cached="true" rthr="68" alignment="centre" red_replacement="white">
<layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" />
<layout class="centre_in_parent_attachment" alignment="vertical" />
</widget>

<container>

<layout class="arrange_horizontal_attachment" layout="30,-1" gap="0" offset="0"/>
<layout class="stick_to_sides_attachment" alignment="vertical" inset="0" apply_to_children="true"/>
<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>

<container>
<layout class="stick_to_sides_attachment" alignment="left" inset="15" />
<widget class="match_team_logo_picture" id="TeLo" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" alignment="centre">
<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,0" />
</widget>
</container>

<widget class="text" id="mitn" font="title" auto_size="all" alignment="left,centre_y" multiline="true" colour="black" >
<layout class="stick_to_sides_attachment" alignment="all" inset="5,50,5,0" />
</widget>

</container>

</panel>


Above is the example code I have used in my files for the Left/Home and Right/Away panels (the code in my file is slightly different due to it having comments that explain what the various bits do which I've removed from these examples).

The panel colour line at the top is used to tell the game we want the text to be recoloured to use the team text colour.

The picture widget on the next line is the background graphic used, the bkcl id tells the game we want to set the graphic to use the team kit colour and the file bit tells the game what graphic we actually want which sets the shape of the graphic.

Next we create a container which holds the team name and logo. The layout lines set how these items are laid out - in the layout bit the value of 30 is for the Logo which tells the game we want that to have a width of 30 pixels, whilst the -1 number is for the team name and tells the game to use the rest of the space for the name. You shouldn't need to touch the other two layout lines as they are used to display the widgets.

Then we have another container which is for our Logo (or Kit), which we have put this container so we can centre the logo/kit within that 30 pixel space we assigned it to which ensures logos of different widths don't move place. The layout line for the container tells the game where we want this container aligned (Left or Right depending on Home/Away) and we set an inset of 15 to give us enough padding from the edge of the graphic.

The widget line then controls the actual logo\kit with the class and id determining whether the team logo or team kit is displayed, with the rest of the code centering the logo within the container and ensuring it resizes correctly to fit the space. The other layout line adds some top/bottom padding to the logo.

Finally we have the text widget this is the code that is used to display the team name. The mitn id is what tells the game to use the normal team name (i.e. the one shown on the tables) rather than the default short version. The other items on this line you don't really want to change are the multiline and auto_size bits as these stop the longer team names from being cut off, however you are free to change the font file or add a spec="X" bit if you want to apply a style to the text, whilst the colour bit is only used if you disable the team colour code from the top of the file.

The above code shows you how to display the Team Names with Team Colours and the Logo, if you want the kits and logos to show then you can have a look at the code of those versions of the mod as the basic code is the same and I have commented the files to talk you through editing them.

Link to post
Share on other sites

How To Display the Team Kit Instead Of The Logo

NOTE: These instructions only apply to the versions of the mod that have enabled the Team Colours as well.

If you want to show the kit instead of the logo then you just need to make two changes;

Locate this bit of code in the match score left/right files: match_team_logo_picture and replace it with kit_picture then locate the TeLo id and change it to read teKP.

So the widget line for the Logo would now look like this for the Kit:
 

<widget class="kit_picture" id="teKP" image_alignment="right" scale_picture="true" keep_aspect_ratio="true" alignment="right">
<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,0" />
</widget>


(With the Alignment depending on what side you edited).

Link to post
Share on other sites

2 hours ago, PequenoGenio said:

I just have one question:

spacer.png

How to increase the size of the font on the teams names?

 

match score area panel.xml - team names and score part (it starts with the line 79 in my file) - the line 92 is for the home team and the line 155 for away team. It will be the same or similar lines in this mod.

obrazek.thumb.png.849005ea84dd729101c70410140ad259.png

Link to post
Share on other sites

20 horas atrás, keysi disse:

match score area panel.xml - team names and score part (it starts with the line 79 in my file) - the line 92 is for the home team and the line 155 for away team. It will be the same or similar lines in this mod.

obrazek.thumb.png.849005ea84dd729101c70410140ad259.png

Can't find it....

 

		<!--team names and score-->
		<container width="517" id="temc">

			<animation class="scale_animation" start_value="0, 1" end_value="1, 1" duration="0.5" delay="0.9" end_mode="hold_end" tween="ease_out" coord_mode="relative_to_target" centre_point="left"/>
			<animation class="fade_animation" start_value="0" end_value="1" duration="0.4" delay="1" end_mode="hold_end"/>

			<attachment_group class="horizontal_arrange" horizontal_gap="-13" horizontal_layout="-1,75,-1" vertical_inset="0" />

<!-- home team container used to recolour team name and switch to normal name -->
			<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>

			<container id="MInf">
				<layout class="stick_to_sides_attachment" alignment="all" apply_to_children="true" inset="0"/>
				<container class="main_box_no_margin" appearance="boxes/custom/match/tv captions/si tv/score/time/paper" red_replacement="bg accent" >
					<attachment_group class="vertical_arrange" vertical_alignment="bottom,extend" vertical_gap="-2" vertical_offset="0" horizontal_inset="0" />

					<container navigation_focus_target="false">
						<attachment_group class="horizontal_arrange" horizontal_alignment="middle" horizontal_gap="2" horizontal_offset="0" vertical_inset="0" />

						<widget class="text" id="T1sc" size="xlarge" font="title" alignment="right,centre_y" colour="black" auto_size="horizontal"/>

						<widget class="text" size="xlarge" font="title" alignment="centre" text="-" colour="black" auto_size="horizontal"/>

						<widget class="text" id="T2sc" size="xlarge" font="title" alignment="left,centre_y" colour="black" auto_size="horizontal"/>

					</container>

<!-- agg score added fg tertiary colour as default is title which causes issues with some skins -->
					<container id="asco">
						<attachment_group class="horizontal_arrange_vertical_autosize" horizontal_alignment="middle"  horizontal_gap="2" horizontal_offset="0" vertical_inset="0" />

						<widget class="text" id="T1as" font="title" alignment="right,centre_y" auto_size="all" colour="fg tertiary" />

						<widget class="text" font="title" alignment="centre" text="-" auto_size="all" colour="fg tertiary"/>

						<widget class="text" id="T2as" font="title" alignment="left,centre_y" auto_size="all" colour="fg tertiary"/>

					</container>

 

Link to post
Share on other sites

1 hour ago, PequenoGenio said:

Can't find it....

 

 

Because you downloaded the mod version with the 'match score home' and 'match score away' (as you can see the file path in the lines 88 and 128) so you have to edit the text it in these two files.

Link to post
Share on other sites

21 hours ago, cockyhammer said:

Hi man great work on this  i love these mods, Do you have any idea how to change the text colour, so I can see the score line?

scoreboard.png

open the 'match score area panel' and find the container with the score (lines 112 - 121), change the 'fg tertiary' colour to black if you have that container's background set to white.

obrazek.thumb.png.b7b81503d4e6dad66d0b8c1a9b9583df.png

6 hours ago, DrazdaCZ said:

@michaeltmurrayuk 



hello how do i enlarge the whole score panel

Inked20210207152207_1_LI.jpg

Open the 'match score area panel' and play with the widht of widgets for the logo, clock etc. And save the file and reload the skin.

  • line 1: width of the panel
  • line 14: widthe of competition icon widget
  • line 31: width of the clock widget
  • line 80: width of the team names and score widget

I have it like this for example

obrazek.png.814b2317e46444267f7d34d2d0cd496b.png

 

Link to post
Share on other sites

Em 05/02/2021 em 19:10, keysi disse:

Because you downloaded the mod version with the 'match score home' and 'match score away' (as you can see the file path in the lines 88 and 128) so you have to edit the text it in these two files.

Here?

 

<!-- Home Score Name - Logo Layout with team colours -->
<panel colour_team_names="true" >	<!-- set to false to turn off team text colour -->

<!-- this controls the background graphic, delete the id part to stop it using the team colour then change the red/blue replacement colours to suit -->
<widget class="picture" id="bkcl" auto_size="vertical" file="boxes/custom/match/tv captions/si tv/score/home team/paper" cached="true" rthr="68" alignment="centre" red_replacement="white" blue_replacement="bg accent">
<layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" />
<layout class="centre_in_parent_attachment" alignment="vertical" />
</widget>

<container>

	<!-- layout - logo, name container widths -->
	<layout class="arrange_horizontal_attachment" layout="30,-1" gap="0" offset="0"/>
	<layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0"/>
	<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>

	<!-- Team Logo Container -->
	<container>
		<!-- To move to left change alignment from right to left -->
		<layout class="stick_to_sides_attachment" alignment="right" inset="15" />
		<widget class="match_team_logo_picture" id="TeLo" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" alignment="centre">
		<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,0" /> 
		</widget>
	</container>

	<!-- Team Kit Container - Disabled by default, if you want kits instead of logo remove logo container above and un-commet out the below container -->
	<!-- <container>
	<layout class="stick_to_sides_attachment" alignment="left" inset="15" />
	<widget class="kit_picture" id="teKP" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" alignment="centre">
	<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,0" />
	</widget>
	</container> -->
	
	<!-- This is the code for the team name, the id is what sets the teamname type, if team names colours set to false at top of file colour is set here -->
	<widget class="text" id="mitn" font="title" auto_size="all" alignment="right,centre_y" multiline="true" colour="black" >
	<!-- If changing alignment above from right to left swap the 50/0 values as need the right inset, if swapping to centre_x set 50 to 0. Inset order is top,left,bottom,right -->
	<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,50" /> 
	</widget>

</container>

</panel>

 

Link to post
Share on other sites

I'm having an issue customising the scoreboard but its probably the opposite to what you guys have been trying to achieve, but perhaps someone could help.

I've made my own editor file with all the six letter names shortened to three letters instead, like a lot of tv scoreboards now use, and noticed there's an issue where if a team's short name is six characters (e.g. Leeds, Fulham) or less the scoreboard will instead load the short name rather than the six letter one.

This mod has done the same thing and on the thread they've ran into the same issue (and have probably explained it better than I have): https://community.sigames.com/forums/topic/540344-fm21-long-team-names-3-letter-match-names-world/

It has been reported as possible bug, but I've been trying to fix it myself and I've noticed if I pull through the Six Letter Name on the club profile page (with id:Csxn) then it display's the correct 3 letter version (so LEE instead of Leeds, FUL instead of Fulham).

Is it therefore possible to somehow pull in this field (Csxn) into the scoreboard, something maybe like below (I'm still learning how skinning works and don't know if this is possible)?

<widget class="text_button">
    <record id="object_property" get_property="home" set_property="objt" /> <!-- Home Team Object -->
    <record id="object_property" get_property="club" set_property="objt" /> <!-- Get Club Object from the Team Object (is this bit possible?) -->
    <record id="object_property" get_property="Csxn" set_property="valu" /> <!-- Set Six letter name as the value -->
</widget>

Thanks

Link to post
Share on other sites

Hi, Would anyone know how to keep the same width of the scoreboard as the original skin, But to change the names from Short Name to 6 Letter Name? Its taken me 1 month to edit every team in Europe to a 3 Letter abbreviated name to find out the original skin scoreboard is a Short Name instead of a 6 Letter Name haha, Thanks in advance guys!

Link to post
Share on other sites

On 08/02/2021 at 21:50, PequenoGenio said:

Here?

 


<!-- Home Score Name - Logo Layout with team colours -->
<panel colour_team_names="true" >	<!-- set to false to turn off team text colour -->

<!-- this controls the background graphic, delete the id part to stop it using the team colour then change the red/blue replacement colours to suit -->
<widget class="picture" id="bkcl" auto_size="vertical" file="boxes/custom/match/tv captions/si tv/score/home team/paper" cached="true" rthr="68" alignment="centre" red_replacement="white" blue_replacement="bg accent">
<layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" />
<layout class="centre_in_parent_attachment" alignment="vertical" />
</widget>

<container>

	<!-- layout - logo, name container widths -->
	<layout class="arrange_horizontal_attachment" layout="30,-1" gap="0" offset="0"/>
	<layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0"/>
	<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>

	<!-- Team Logo Container -->
	<container>
		<!-- To move to left change alignment from right to left -->
		<layout class="stick_to_sides_attachment" alignment="right" inset="15" />
		<widget class="match_team_logo_picture" id="TeLo" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" alignment="centre">
		<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,0" /> 
		</widget>
	</container>

	<!-- Team Kit Container - Disabled by default, if you want kits instead of logo remove logo container above and un-commet out the below container -->
	<!-- <container>
	<layout class="stick_to_sides_attachment" alignment="left" inset="15" />
	<widget class="kit_picture" id="teKP" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" alignment="centre">
	<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,0" />
	</widget>
	</container> -->
	
	<!-- This is the code for the team name, the id is what sets the teamname type, if team names colours set to false at top of file colour is set here -->
	<widget class="text" id="mitn" font="title" auto_size="all" alignment="right,centre_y" multiline="true" colour="black" >
	<!-- If changing alignment above from right to left swap the 50/0 values as need the right inset, if swapping to centre_x set 50 to 0. Inset order is top,left,bottom,right -->
	<layout class="stick_to_sides_attachment" alignment="all" inset="5,0,5,50" /> 
	</widget>

</container>

</panel>

 

Yes, the bottom widget starting with 'This is the code for the team name,..." - everything is noted by Michael so it's to find everything, just read it ;)

There is font or alignment so just insert size="12" here. (or the size value you want to use).

Link to post
Share on other sites

Not sure if this is the mod or FM itself but when I am playing in the English Prem with Man Utd, the downloaded kits display okay at the top and the 3D kit models show in the changing room and on the pitch - however as soon as I play in champions league the opposition kit is ok, but mine shows as the previous club I played and the 3D kits do not render either?

In the screen grab i was playing Leeds in the prem previously and that is showing instead of man utd kit, it was the same in the previous champions league game, showed Newcastle kit instead of mine? Only seems to happen in europe?

Capture.PNG

Link to post
Share on other sites

  • 6 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...