Jump to content
Sports Interactive Community
Sign in to follow this  
Mikeonhisboat

Match screen panel positioning - commentary panel

Recommended Posts

I'm trying to move the main tab bar to sit above the commentary panel, rather than beneath the match titlebar.

A few questions/issues:

a)  I can't find whatever panel controls the layout of the various panels on the match screen? ie/which panel tells the commentary panel it should live at the bottom of the screen? If I could find this, should be easy to make the changes I'm after.

b) Because I can't find above panel, as a workaround, i've stuck the tab bar code in the match commentary panel. However whatever I then do re/layout arrangements, the tab bar and commentary panel always overlap. I can't get one to display above the other - see pic below. Any clues on how to acheive this?

c) If I do manage to move tab bar to bottom of screen above commentary, i'll then obviously delete it from it's current position. Question - when I then go to display the various match analysis panels/widgets will they auto recognise the top tab bar is no longer there, so dsplay a little higher up the screen than currently? If they don't then the bigger ones will overlap my new bottom tab bar presumably. In turn meaning i'd have to manually go through each widget panel and adjust page positioning. Seems like a long way round - is there any alternative?

Screenshot (144).png

Share this post


Link to post
Share on other sites

tab bar is in the header.xml, so is the height of the match titlebar which will allow for the extra space. 

Share this post


Link to post
Share on other sites

So just make the match titlebar huge? To cover most of screen? And the effect will be to move the tab bar to near bottom of screen?

Share this post


Link to post
Share on other sites

The client_object_browser has the location match footer panel controls the bottom of the screen.

the match footer panel itself contains the info in it, 

Share this post


Link to post
Share on other sites

Ah match footer pnel is what i've been searching for... 

Still stumped though - any chance you can help with the layout code? 

Into match footer.xml i've copy-pasted the tab bar code below the existing commentary code. See below. This inserts the tab bar but to the right of the commentary, on the same line (so mostly offscreen) I get that, that's what the existing layout lines at top of footer xml is telling it to do. But however I try change these two lines eg to arrange vertical attachment and top or bottom extend, it doesn't work, instead not showing anything in game. Any chance you could tweak the layout code here to display tab bar and commentary bar vertically above one another? (Will likely switch them round to have tab bar on top later, but just stumped with the layout code.)

   

<panel>

    <layout class="arrange_horizontal_attachment" alignment="left,extend" offset="0" gap="0" />
    <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" />

    <!--commentary and away tactics popup button-->
    <container>
        <layout class="arrange_horizontal_attachment" alignment="right,extend" offset="0" gap="0" />
        <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" />

        <!--commentary-->
        <widget class="match_commentary_panel" id="cmif" height="35">
            <record id="object_property">
                <integer id="get_property" value="objt" />
                <integer id="set_property" value="objt" />
            </record>
        </widget>
    </container>
    
        <!--tabs/match feed/content menu-->
    <!-- @archie.buck The tutorial relies on this id not changing, if you need to adjust it please also update TUTORIAL_MANAGER -->
    <container class="main_box" height="38" appearance="boxes/custom/match/titlebar/paper" id="secT">
        <layout class="arrange_horizontal_attachment" alignment="left,extend" offset="5" gap="0" />
        <layout class="stick_to_sides_attachment" alignment="vertical" inset="4" apply_to_children="true" />

        <attachment class="test_multiple_globals_attachment" default_value="false">
            <list id="get_properties">
                <record get_property="section" test_mode="equal" value="MRev" skip_if_null="false" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mMMr" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htmt" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atmt" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="hilp" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="TacH" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htpT" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htpP" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htpS" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htpR" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htpK" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htpH" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htpN" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htpC" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htmt" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="hopi" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="htpF" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="TacA" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atpT" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atpP" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atpS" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atpR" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atpK" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atpH" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atpN" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atpC" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atmt" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="aopi" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="atpF" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="AnaH" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="AnaA" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="AnaN" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mazp" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mspa" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="matm" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mapl" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mshp" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mhan" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="maan" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="bmfs" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="bmts" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mtst" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="hfms" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="afms" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mtrp" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mgup" skip_if_null="true" />
                <record get_property="section" test_mode="equal" comparison_mode="or" value="mpst" skip_if_null="true" />
            </list>
            <integer id="set_property" value="Shwn" />
        </attachment>

        <!--team switching radio buttons-->
        <widget class="match_team_selector_panel" id="mtsp">
            <record id="object_property" get_property="objt" set_property="objt" />
        </widget>

        <!--tab bar-->
        <widget class="sections_menu_strip_match" id="tree" auto_size="horizontal">
            <record id="default_properties" colour="text" red_replacement="text"/>
        </widget>

        <!--tactics buttons/content menu-->
        <container>
            <layout class="arrange_horizontal_attachment" alignment="right,extend" offset="0" gap="0" />
            <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" apply_to_children="true" />

            <!--human tactics popup buttons-->
            <widget id="Htbu" class="match_console_quick_tactics_panel">
                <record id="object_property" get_property="objt" set_property="objt" />
            </widget>

            <!--content menu-->
            <widget class="popup_check_box_button" id="conm" fixed="true" auto_size="horizontal" icon="icons/16px/widget" secondary_icon_enabled="false" appearance="buttons/subtle/normal/button">
                <record id="primary_icon_properties" red_replacement="text" />
                <record id="secondary_icon_properties" red_replacement="text" />
        <translation id="hint" translation_id="468964" type="use" value="Select for more match information[COMMENT: hint for the widgets button in the match]" />
                <attachment class="get_global_attachment" get_property="CMIT" set_property="itms" />
                <attachment class="get_global_attachment" get_property="CMDI" set_property="disa" />
                <attachment class="test_multiple_globals_attachment" default_value="false">
                    <list id="get_properties">
                        <record get_property="section" test_mode="equal" value="hilp" skip_if_null="false" />
                    </list>
                    <integer id="set_property" value="Shwn" />
                </attachment>
            </widget>

            <!--settings/save match-->
            <container class="match_playback_control_container" id="TopR" file="" hide_past_match_buttons="true">
                <layout class="arrange_horizontal_attachment" alignment="left" offset="0" gap="0" />
                <layout class="fit_children_attachment" alignment="horizontal,fill" offset="0" gap="0" />
                <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" apply_to_children="true" />

                <record id="object_property" get_property="maCo" set_property="maCo" />

                <!--button to fire up the upload panel-->
                <widget class="icon_button" id="uplo" click_event="uplo" auto_size="horizontal" >
                    <global id="hidden" name="platform_is_stadia"/>
                    <translation id="text" translation_id="441069" type="use" value="Review and Share Highlight Video[COMMENT: FR21694 - button to view the upload highlights panel]" />
                </widget>

                <!--settings-->
                <!-- @archie.buck The tutorial relies on this id not changing, if you need to adjust it please also update TUTORIAL_MANAGER -->
                <widget class="widget_popup_button" id="Sett" width="42" icon="icons/26px/settings" icon_alignment="centre" widget_type="match_settings_panel" mpmF="generic/modal popup panel match" alignment="right,bottom" secondary_icon_enabled="false" appearance="buttons/subtle/normal/button" controller_button="start_button">
                    <record id="modal_popup_properties">
                        <boolean id="darkened" value="false" />
                    </record>
                    <translation id="hint" translation_id="332230" type="use" value="Click to show the match settings.[COMMENT: hint for a button to toggle showing the match settings panel]" />
                    <record id="primary_icon_properties" red_replacement="text" />
                    <record id="secondary_icon_properties" red_replacement="text" />
                </widget>

                <!--save match-->
                <widget class="button" id="svmt" click_event="svmt" auto_size="horizontal">
                    <global id="hidden" name="platform_is_stadia"/>
                    <translation id="text" translation_id="232965" type="use" value="Save Match" />
                </widget>
            </container>

        </container>
    </container>
    
</panel>

Share this post


Link to post
Share on other sites

Add another container in .

above this line ->   <!--commentary and away tactics popup button-->

add

  <container>
          <layout class="arrange_vertical_attachment" layout="-1,-1" offset="0" gap="0" />
          <layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" apply_to_children="true" />

then close the container as normal at the very bottom as normal. (another  </container>)

 

Share this post


Link to post
Share on other sites

Actually - next question. Tried putting match timeline in that bottom tab instead. It nearly works, but for some reason massively squishes the main timeline graphic (which is still at top f screen for now too for comparison.) Pic below.

Any idea how to fix this without having to make whole tab bar as big as titlebar?

Screenshot (145).png

Share this post


Link to post
Share on other sites

No, not enough space.

Share this post


Link to post
Share on other sites

Does it autosize then? Putting in the goal, card icons etc, and setting height of timeline according to that?

 

 

Share this post


Link to post
Share on other sites
16 minutes ago, Mikeonhisboat said:

Last question (hopefully). How do I inset it from sides?

Which bit? 

Share this post


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
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...