Jump to content

Player/Staff Popup Profile Personal Details panel background colour


keysi
 Share

Recommended Posts

Is there a way how to change the background colour within the Player Popup Profile Personal Details panel?

obrazek.png.caa052a19f4109618e678ea0e2bb5496.png

Code of the default file in the spoiler

Spoiler

<!-- A panel showing various bits of information about a player -->
<panel height="132">
    <layout class="stick_to_sides_attachment" alignment="all" inset="0" apply_to_children="true"/>

    <boolean id="should_force_refresh" value="true"/>

    <container class="inner_box" id="popu">
        <layout class="arrange_horizontal_attachment" layout="-1, 275" offset="0" gap="0"/>
        <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" apply_to_children="true"/>

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

            <!-- Profile picture -->
            <widget class="picture" id="prop" scale_picture="true" keep_aspect_ratio="true" >
                <record id="object_property">
                    <list id="get_properties">
                        <!--Facegen data request-->
                        <record get_property="fcgn"/>
                        <!--Fake name request-->
                        <record get_property="Pfke"/>
                        <record get_property="prpc" set_property="valu"/>
                    </list>
                </record>
            </widget>

            <!-- Personal Details -->
            <container>
                <layout class="arrange_vertical_attachment" alignment="top" offset="0" gap="0"/>
                <layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" apply_to_children="true"/>

                <widget class="text" id="titl" auto_size="vertical" alignment="left, centre_y" multiline="false" size="large" style="semi_bold" colour="secondary"/>

                <widget class="text" id="subs" multiline="false" hidden="true" colour="secondary"/>

                <container id="cnts">
                    <attachment_group class="vertical_arrange_autosize" vertical_offset="0" vertical_gap="0" horizontal_alignment="horizontal" horizontal_inset="0"  />
                </container>

                <container height="4"/>

                <container class="icon_box" icon="icons/26px/circle">
                    <attachment_group class="vertical_arrange_autosize" vertical_offset="0" vertical_gap="0" horizontal_alignment="horizontal" horizontal_inset="0"  />
                    <record id="icon_properties" red_replacement="primary"/>
                    <record id="object_property"/>
                    
                    <!-- Get player status flags-->
                    <record id="object_property">
                        <list id="get_properties">
                            <record get_property="Pnfo" dont_set_object="true"/>
                            <record get_property="tbcl" set_property="icRR"/>
                        </list>
                    </record>

                    <!-- Player status icon with a fitness donut as first item-->
                    <widget class="player_status_all_button" id="secw" appearance="buttons/custom/status round"  auto_size="all" alignment="right" offset_x="0" offset_y="0" gap="-4" maximised="false" max_items_per_row_or_column="3" embed_in_frame="true">
                        <layout class="stick_to_sides_attachment" alignment="left, top" inset="0" embed_in_frame="true"/>
                        <!-- Set icon to only show: HG, Int, Hol, Trv-->
                        <integer id="type" value="0"/>

                        <!-- National flag image -->
                        <container width="26" height="26">
                            <widget class="object_portrait_picture" id="npiB" image_alignment="centre" scale_picture="true" width="18" height="18">
                                <layout class="centre_in_parent_attachment" alignment="all"/>
                                <record id="object_property" dont_set_hint="true" get_property="PNat" set_property="objt"/>
                            </widget>
                        </container>
                    </widget>

                    <!-- Nationality -->
                    <widget class="nation_button" id="intc" auto_size="vertical" icon_enabled="false"  size="small"  format="[%nation#1-nationality]" colour="secondary">
                        <record id="object_property" dont_set_hint="true" get_property="PNat"/>
                    </widget>

                    <!-- Age & DoB-->
                    <container>
                        <layout class="fit_children_attachment" alignment="vertical" gap="0" offset="0"/>
                        <layout class="arrange_horizontal_attachment" alignment="left, extend" offset="0" gap="3"/>
                        <layout class="stick_to_sides_attachment" alignment="top" apply_to_children="true" inset="0"/>

                        <!-- Age -->
                        <widget class="formatted_label" id="age " alignment="left, centre_y" auto_size="all" style="semi_bold" size="large" colour="secondary">
                            <translation id="format" translation_id="242551" type="use" value="[%number#1] years old"/>
                            <record id="object_property" get_property="Page"/>
                        </widget>

                        <!-- DoB -->
                        <widget class="game_formatted_label" id="dobl"  alignment="left, bottom" auto_size="vertical" format="([%date#1-short])" style="bold"  height="24" colour="secondary">
                            <record id="object_property" get_property="Pdob"/>
                        </widget>
                    </container>

                    <!-- Int Caps -->
                    <widget class="international_appearances_label" id="inta" auto_size="vertical" size="small" colour="secondary">
                        <integer id="int_apps_label_format" value="8"/>
                        <record id="object_property">
                            <list id="get_properties">
                                <record>
                                    <integer id="get_property" value="Pist"/>
                                    <boolean id="dont_set_hint" value="true"/>
                                </record>
                            </list>
                        </record>
                    </widget>

                    <!-- Youth Caps -->
                    <widget class="international_appearances_label" id="inty" auto_size="vertical" size="small" colour="secondary" multiline="false">
                        <integer id="int_apps_label_format" value="9"/>
                        <record id="object_property">
                            <list id="get_properties">
                                <record>
                                    <integer id="get_property" value="Pist"/>
                                    <boolean id="dont_set_hint" value="true"/>
                                </record>
                            </list>
                        </record>
                    </widget>
                </container>
            </container>
        </container>

        <!-- Contract info etc-->
        <container>
            <layout class="stick_to_sides_attachment" alignment="all" inset="0" apply_to_children="true"/>

            <container>
                <layout class="stick_to_sides_attachment" alignment="all" inset="44, 0, 0, 0" apply_to_children="true"/>

                <container class="icon_box" icon="icons/26px/circle" >
                    <attachment_group class="vertical_arrange_autosize" vertical_offset="0" vertical_gap="0" horizontal_alignment="horizontal" horizontal_inset="0"  />
                    <record id="icon_properties" red_replacement="primary"/>

                    <!-- Get player status flags-->
                    <record id="object_property">
                        <list id="get_properties">
                            <record get_property="Pnfo" dont_set_object="true"/>
                            <record get_property="tbcl" set_property="icRR"/>
                        </list>
                    </record>

                    <!-- Player status icon with club badge-->
                    <widget class="player_status_all_button" id="secw" appearance="buttons/custom/status round"  auto_size="all" alignment="right" offset_x="0" offset_y="0" gap="-4" maximised="false" max_items_per_row_or_column="3" embed_in_frame="true">
                        <layout class="stick_to_sides_attachment" alignment="left, top" inset="0" embed_in_frame="true"/>

                        <!-- Set icon to only show: Wnt, Bid, Trn, Lst, Loa, Yth, Wp-->
                        <integer id="type" value="1"/>

                        <!-- Club badge image -->
                        <container width="26" height="26" embed_in_frame="true">
                            <layout class="stick_to_sides_attachment" alignment="all" inset="4" apply_to_children="true"/>
                            <layout class="stick_to_sides_attachment" alignment="top, left" inset="0" embed_in_frame="true" />

                            <widget class="object_portrait_picture" id="pclB" image_alignment="centre" scale_picture="true" width="14" height="14" wants_mouse_events="true">
                                <record id="object_property" dont_set_hint="true" get_property="Pclb" set_property="objt" />
                            </widget>
                        </container>
                    </widget>

                    <!--Player extra details (e.g. onloan at...)-->
                    <widget class="player_extra_details_text" id="plex" auto_size="vertical" size="small" multiline="false" colour="secondary">
                        <record id="object_property">
                            <list id="get_properties">
                                <record>
                                    <integer id="get_property" value="PExD"/>
                                </record>
                            </list>
                        </record>
                    </widget>

                    <!--Value-->
                    <widget class="transfer_value_label" id="valu" auto_size="all" style="semi_bold" size="large" colour="secondary">
                        <translation id="format" translation_id="383826" type="use" value="Valued at [%cash#1-roundsmall-short][COMMENT: FR 10661; player overview; string diaplyed a player's estimated monetary value]"/>
                        <record id="object_property">
                            <list id="get_properties">
                                <record>
                                    <integer id="get_property" value="Pdva"/>
                                    <boolean id="dont_set_hint" value="true"/>
                                </record>
                            </list>
                        </record>
                    </widget>

                    <!--Wage / Expiry date-->
                    <widget class="link_text" id="wgex" section="Pcnr" auto_size="vertical" size="small" colour="secondary" />

                    <!-- Agreed playing time -->
                    <widget class="playing_time_label" id="sqst" auto_size="vertical" size="small" colour="secondary">
                        <record id="object_property">
                            <list id="get_properties">
                                <record>
                                    <integer id="get_property" value="Pcpt"/>
                                </record>
                            </list>
                        </record>
                    </widget>
                </container>
            </container>
        </container>
    </container>
</panel>

 

Link to post
Share on other sites

38 minutes ago, michaeltmurrayuk said:

From what I remember it's the id="popu" bit in the container near the top that sets the background colour, removing the id bit and then adding the normal red/blue/green replacement code should allow you to recolour it.

Hey Michael, I have the exact same issue. Removing the id and adding color replacement didn't work for me.

I've always had issues with this panel, from changing colors to changing its size.

Link to post
Share on other sites

34 minutes ago, Tyburn said:

Have you tried changing the container from being an inner_box to something else? 

I have, the container still stays the same, but all the text and pictures inside it are gone depending on what you choose.

 

Edit: Changing to main_contrast_box almost solves it, spacer.png

There's still that red container around it, but now inside it is the main_contrast_box set to bg color.

Edited by (sic)
Link to post
Share on other sites

2 hours ago, michaeltmurrayuk said:

That one is the popu id - though removing that means you'll need to find a different id for players name and position details as that is what calls them.

This is sounding like a possible infortmation/solution to something I'm tyring to fix on this panel and other  - Lots of my 'popup' panels (Staff Meeting, Player ID Popup, Match Highlight Controls, squad filters)/ Panels that overlay other screens - all seem to have a transparency on the main container that is making them unreadable in situations or at least partially unreadable. Is there a settings or panel ID i can change on them all to adjust this? Or is there something linking them I've accidently set to a transparency in Skin Settings?

 

image.png.72671a82de60dfe53c4608553df22ac1.png

Edited by giglet13
example screenshot added
Link to post
Share on other sites

@giglet13 It's most likely an issue with the graphic they are all using having some degree of transparency so swapping the graphic should fix it and if you are lucky they all use the same graphic. If they are just using the generic graphic for the class type you can look at the relevant class file located in the classes folder extracted from the sitoolkit fmf and that will tell you the exact graphic being used.

Link to post
Share on other sites

5 minutes ago, michaeltmurrayuk said:

@giglet13 It's most likely an issue with the graphic they are all using having some degree of transparency so swapping the graphic should fix it and if you are lucky they all use the same graphic. If they are just using the generic graphic for the class type you can look at the relevant class file located in the classes folder extracted from the sitoolkit fmf and that will tell you the exact graphic being used.

Follow you on the graphic bit (essentially somewhere they're pointing to a file to make that background which is transparent slightly...) - I think they're using a generic one as it's across so many including files i've done no panel changes with- so starting with the Player personal details popup panel which i know has the issue - how do i identify the class type starting there?  (this is a new bit of skinning i've never ventured to before!) Please just re-direct me if i've missed it in a guide/FAQ :) 

Link to post
Share on other sites

@giglet13Bits are covered in the various parts of the Skinning Guide (which is on my list of things to update)

 

In basic terms you need to identify the file and part of the code that controls the bit you are looking for (which is largely down to experience and trial and error).

For example for the player popup you'll need to look in the popup information panel xml file found in the panels/generic folder.

From that file experience reading the code (or trial and error - for example adding a red_replacement="red 400" bit of code should generally recolour a graphic which then gives you an idea of what it covers) shows that this line controls the main box:

<container class="standard_popup_box" >

In some cases the line will include an appearance bit which tells you the exact file used, but this just uses the default option, but we now know the class used.

So next you go look in the classes folder extracted from the sitoolkit fmf file and in there should be a file called standard_popup_box

(Another option is to just look through the files in the graphics folder for the skin - from that and the appearance the graphic is a box so should be in the boxes folder, from the middle bit you know it's a popup box and then the first bit tells you it's the standard type which leads you to the boxes/popup/standard folder, but in some cases it isn't always that clear from the class name).

Opening that file then gives you the default settings for that class, which for that file just tells you the default appearance is set by the boxes/popup/standard/paper graphic. 

The it's just a case of browsing to the graphics\boxes\popup\standard folder for your skin (or if you are altering the default files, grabbing the graphic from that location within the fm-widgets skin) and you should have a paper png file that needs editing (or deleting to revert back to default). (And if you are releasing a skin also edit the @2 version as that is used for the zoom modes).

Link to post
Share on other sites

On 28/10/2021 at 16:48, michaeltmurrayuk said:

That one is the popu id - though removing that means you'll need to find a different id for players name and position details as that is what calls them.

Thank you, Michael, but I'm probably lost somewhere. No matter what I try, the only outcome is that the name and position details are gone.

I tried other IDs connected to the personal details but it doesn't work.

obrazek.png.40911fcee04845370cdb0054073ea8f1.png

EDIT:

It took me some time but I made it after I took widgets from the titlebar search panel (the name description) and the postion labe from the player info popup panel and it looks like this.

The position label would be probably nicer as words - Defender/Wing Back/Midfielder/Attacking Midfielder (R) but I didn't find it so far. This is the best solution so far.

obrazek.png.44919707cfe9ee974530c11f6e980a36.png

Edited by keysi
Link to post
Share on other sites

On 29/10/2021 at 10:40, keysi said:

Thank you, Michael, but I'm probably lost somewhere. No matter what I try, the only outcome is that the name and position details are gone.

I tried other IDs connected to the personal details but it doesn't work.

obrazek.png.40911fcee04845370cdb0054073ea8f1.png

EDIT:

It took me some time but I made it after I took widgets from the titlebar search panel (the name description) and the postion labe from the player info popup panel and it looks like this.

The position label would be probably nicer as words - Defender/Wing Back/Midfielder/Attacking Midfielder (R) but I didn't find it so far. This is the best solution so far.

obrazek.png.44919707cfe9ee974530c11f6e980a36.png

Nice work Keysi at Kaderabek panel. Did you managed to make his name a clickable link? I couldn't make it myself.

Link to post
Share on other sites

On 30/10/2021 at 12:42, alexmorak said:

Nice work Keysi at Kaderabek panel. Did you managed to make his name a clickable link? I couldn't make it myself.

No, but I didn't even want to make it clickable or maybe better, I didn't even think about. I don't think I need it, I'm just happy I made it work as it is.

Link to post
Share on other sites

Maybe someone with more knowledge and experince will be able to help me with this. As I edited the popup information panel, it affects not only player popup profile personal details but also the popup personal details for staff.

That means I decided to made some changes for FM22 and I also had to edit the text colour to white to be able to see all the info.

As you can see in the screen, everything works. Except the age label. And I don't know what I should try more.

obrazek.png.129082485ad6c68246566cbc33c482ac.png

The weird thing also is that some coaches has it white but only one from 10, the rest stay white.

Can some of you spot some mistake?

Thank you

obrazek.png.a7044f897676b887fa0c19a9f3a08850.png

Link to post
Share on other sites

  • keysi changed the title to Player/Staff Popup Profile Personal Details panel background colour
1 hour ago, keysi said:

Maybe someone with more knowledge and experince will be able to help me with this. As I edited the popup information panel, it affects not only player popup profile personal details but also the popup personal details for staff.

That means I decided to made some changes for FM22 and I also had to edit the text colour to white to be able to see all the info.

As you can see in the screen, everything works. Except the age label. And I don't know what I should try more.

obrazek.png.129082485ad6c68246566cbc33c482ac.png

The weird thing also is that some coaches has it white but only one from 10, the rest stay white.

Can some of you spot some mistake?

Thank you

I have the same issue. When first hovering (i) it appears to use secondary colour, but when hovering over it again it changes to the color I set it as (white).

I think it's an issue with the game, but I might be wrong.

Link to post
Share on other sites

I'm not sure why it happened but I tried to add the same Age & DOB container at the bottom of the details under the reputation and it works now.

The Age & DOB in the first column is white and the second Age & DOB was with the secondary colour, so I just changed the size of the text to "0" to hide it.

obrazek.png.0ad93e04fd925cec9ed0196c5c61a5f2.png

Link to post
Share on other sites

  • 2 weeks later...
  • 1 year later...
On 28/10/2021 at 20:56, michaeltmurrayuk said:

@giglet13Bits are covered in the various parts of the Skinning Guide (which is on my list of things to update)

 

In basic terms you need to identify the file and part of the code that controls the bit you are looking for (which is largely down to experience and trial and error).

For example for the player popup you'll need to look in the popup information panel xml file found in the panels/generic folder.

From that file experience reading the code (or trial and error - for example adding a red_replacement="red 400" bit of code should generally recolour a graphic which then gives you an idea of what it covers) shows that this line controls the main box:

<container class="standard_popup_box" >

In some cases the line will include an appearance bit which tells you the exact file used, but this just uses the default option, but we now know the class used.

So next you go look in the classes folder extracted from the sitoolkit fmf file and in there should be a file called standard_popup_box

(Another option is to just look through the files in the graphics folder for the skin - from that and the appearance the graphic is a box so should be in the boxes folder, from the middle bit you know it's a popup box and then the first bit tells you it's the standard type which leads you to the boxes/popup/standard folder, but in some cases it isn't always that clear from the class name).

Opening that file then gives you the default settings for that class, which for that file just tells you the default appearance is set by the boxes/popup/standard/paper graphic. 

The it's just a case of browsing to the graphics\boxes\popup\standard folder for your skin (or if you are altering the default files, grabbing the graphic from that location within the fm-widgets skin) and you should have a paper png file that needs editing (or deleting to revert back to default). (And if you are releasing a skin also edit the @2 version as that is used for the zoom modes).

This has just helped me fix so many issues I was having, I cannot thank you enough!

Link to post
Share on other sites

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...