How to Adjust the Size of the Panels
These instructions will assume you have already downloaded and installed the version of the Highlights mod you want to edit.
To download the mod see this page
When creating the mod I set the panel sizes to those that work across a wide variety of resolutions and allow for different views in different panels, however if you are playing at one resolution and know what views you want enabled in each panel it is possible to tweak the size of the panels to suit your preferences.
How to edit the position and size of the full panel.
By default the panel is set to use as much screen space as possible whilst not covering other items, however it is possible to adjust the position of the panel to suit your needs.
First open the 'match in between highlights panel.xml' and locate this section of code near the top of the file:
<!-- Full Panel -->
<!-- Line Below - Offset determines how many pixels panel appears into the screen from the left/right edges of screen, reducing value will widen panel but will hide right corner under match feed -->
<!-- Line Below - Inset determines how many pixels panel appears into the screen from the top/bottom of the screen, reducing value will heighten panel but it will cover bottom notification panel -->
<container class="horizontal_adaptive_container" inset="72" offset="310" gap="0" >
<!-- Combined with inset code above the below line determines the position of the panel from the top/bottom of the screen -->
<layout class="stick_to_sides_attachment" alignment="top" inset="-35" />
<!-- To extend panel to the left without covering match feed comment out the below line and on the container line above adjust offset to 170 -->
<!-- <layout class="stick_to_sides_attachment" alignment="left" inset="-140" /> -->
This code determines the position of the full panel and as you can see I have added various comments to the file to explain what you need to do to adjust the overall position of the panel.
The inset value on the blues lines determines the vertical position of the panel, the value on the first line determines how far from the top and bottom of the screen the panel appears with it again centered, the second line then shifts the panel up closer to the scoreboard.
The offset value in the blue determines how far from the left/right sides the panel appears with it centered in the middle of the screen. If you wish to move the panel to the left then comment out the bottom line shown and this will shift the panel to the left, you then reduce the offset on the first line to keep the panel on the screen.
You just need to adjust those bits of code until you get the position of the full panel to your liking.
How to edit the sizes of the individual panels
Before editing the individual panels you need to understand what the following codes do:
minimum_width/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_width/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 all three of the horizontal panels to -1 you'd end up with three equal width panels. If you set the right panel to 500 and the other two panels to -1 the right panel would take up 500 pixels and the other two would share the remaning space equally.
If you set the left panel to -2 and the other two panels to -1 then the left panel would take up half the space with the other two panels taking a quarter each. Set the left panel to -3 and leaving the other panels as -1 will see the left panel take 3/5 of the space and the other two panels getting 1/5 each and on.
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 prirority="1" panel.
With the above in mind you can now adjust the panel sizes.
To adjust the left panel locate this code:
<!-- Left Panel TO RESIZE ADJUST MINIMUM_WIDTH AND DEFAULT_WIDTH VALUES-->
<container class="vertical_adaptive_container" id="left" default_width="-1" minimum_width="300" priority="1" inset="0" offset="0" gap="0">
The middle panel is adjusted with this code:
<!-- Middle Panel TO ADJUST SIZE EDIT MINIUM_WIDTH AND DEFAULT_WIDTH VALUES-->
<container class="vertical_adaptive_container" minimum_width="300" default_width="-1" priority="2" inset="0" offset="0" gap="0">
The coding for the right panel is slightly different as it also has two vertical subpanels, the width of the right panel is controlled by this code:
<!-- Right Split Panel TO ADJUST WIDTH OF THE RIGHT TOP&BOTTOM PANELS ADJUST MIN_WIDTH AND DEFAULT_WIDTH VALUES-->
<container class="vertical_adaptive_container" inset="0" offset="0" minimum_width="1" default_width="400" priority="3" gap="0">
Whilst the height of the top part is controlled by this code:
<!-- Top Right Panel - TO ADJUST HEIGHT OF TOP RIGHT PANEL ADJUST VALUES IN BELOW LINE-->
<container class="plain_box" id="titl" minimum_height="1" priority="3" default_height="380">
And the height of the bottom part is controlled by this code:
<!-- Bottom Right Panel - TO ADJUST HEIGHT ALTER VALUES ON BELOW LINE-->
<container class="plain_box" minimum_height="1" priority="4" default_height="-1">
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 minium and default values to the same value.