Jump to content

Help with panel layouts


Mikeonhisboat
 Share

Recommended Posts

So am utterly stuck by something that feels simple. 

 

On Player Profile Personal Details I have merged a few other folks upoaded files. Have the top half of the player profile looking not far off how I want it. But the text in the columns I just cannot work out how to arrange. I've tried playing with the vertical adaptie container layout but with little joy. How do I tidy up the left hand column circled here? (In an ideal world i'd also like to adjust the text in the right column - so lines are in pairs, then with a bigger gap to the next pair eg nationality and Int appearances quite close together, then a bigger gap. Then height with weight close underneath it. Then a bigger gap etc But that's not as crucial as the mess that is column 1) Uploaded my code below.

 

        <!--Details -->
        <container class="horizontal_adaptive_container" layout="-1,-1" offset="20" inset="0" gap="80">  <!--opens MAIN details container-->
            
            <container class="vertical_adaptive_container" layout="-2,-2,-2,-2,-2,-2" offset="0" inset="0" gap="-9">   <!--opens FIRST column container-->
                
                <!--age>        
                <widget class="label" id="age"  style="bold"  alignment="left">
                    <record id="object_property">
                    <integer id="get_property" value="Page" />
                    </record>
                </widget-->
            
                <!--age label>
                <widget class="editable_client_object_property_panel" id="dobl"  alignment="left">
                    <record id="widget_info" class="game_formatted_label"   format="([%date#1-short])" />
                    <record id="object_property" get_property="Pdob" />
                </widget-->
                
                <!-- D.O.B / Age -->
                <widget class="label" font="label" >
                    <translation id="text" translation_id="458477" type="use" alignment="left" value="D.O.B.[COMMENT: player profile, personal details; Abbreviation for 'Date of Birth']" />
                </widget>
            
                <container>
                <attachment_group class="horizontal_arrange_vertical_autosize" horizontal_alignment="left" horizontal_offset="0" horizontal_gap="10" vertical_alignment="top" vertical_inset="0" />

                    <!-- Age -->
                    <!-- We use an editable panel here just to make it disappear when editing-->
                    <!-- fixed height as an attempt to fix 152615 -->--&gt;
                    <widget class="editable_client_object_property_panel" id="age " auto_size="all" font="value">
                        <record id="widget_info" class="formatted_label" alignment="left,centre_y" height="22" auto_size="all">
                            <translation id="format" translation_id="242551" type="use" value="[%number#1] years old" />
                        </record>
                        <record id="widget_edit_info" width="0" height="0" />
                        <record id="object_property" get_property="Page" />
                    </widget>

                    <!-- DoB -->
                    <widget class="editable_client_object_property_panel" id="dobl" auto_size="all" font="value">
                        <record id="widget_info" class="game_formatted_label" alignment="left,centre_y" auto_size="all" auto_size_minimum_height="20" format="([%date#1-short])" colour="faded text" />
                        <record id="widget_properties" height="24" />
                        <record id="object_property" get_property="Pdob" />
                    </widget>
                </container>
                            
                <!--wage>
                <widget class="wage_label" id="wkwg"  style="bold"   format="5" alignment="left" >
                    <record id="object_property">
                    <integer id="get_property" value="Pcww" />
                    </record>
                </widget-->
                    
                <!--expiry date>
                <widget class="date_cell" id="expd"  alignment="left">
                    <record id="object_property">
                    <integer id="get_property" value="Pced" />
                    </record>
                </widget-->

                <!--Wage / Expiry date-->
                <widget class="label" font="label" >
                    <translation id="text" translation_id="257347" type="use" value="Contract[COMMENT - transfer status filter text; offers at contract stage]" />
                </widget>
                <container height="12" id="wged">
                    <layout class="arrange_horizontal_attachment" alignment="fill" offset="0" gap="0" />
                    <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" />

                <widget class="editable_client_object_property_panel" id="Pcww" font="value">
                    <record id="object_property" get_property="Pcww" />
                </widget>
                
                <widget class="editable_client_object_property_panel" id="Pcex" font="value">
                    <record id="object_property" get_property="Pcex" />
                </widget>
                </container>
            

                <!--player value label-->
                
                <!--widget class="label"  alignment="left" >
                    <translation id="text" translation_id="227806" type="use" value="Value" />
                </widget-->    
                
                <widget class="label" font="label" auto_size="vertical">
                    <translation id="text" translation_id="292633" type="use" value="Estimated Value[COMMENT: player profile; value label]" />
                </widget>

                 <!--player value-->
                <!--widget class="value_label"  id="valu"  style="bold" alignment="left" >
                    <translation id="hint" translation_id="227806" type="use" value="Value" />
                    <record id="object_property">
                    <integer id="get_property" value="Pdva" />
                    </record>
                </widget-->
                
                <widget class="value_label" id="valu" auto_size="vertical" font="value">
                    <record id="object_property" get_property="Pdva" dont_set_hint="true" />
                </widget>
        
                            
                <container/>   
                <container/>
            
            </container>   <!-- closes FIRST column container-->
                    
                
            <container class="vertical_adaptive_container" layout="-1,-1,-1,-1,-1,-1," offset="0" inset="0" gap="-9">   <!-- opens SECOND column container-->        
            
                <!-- Nationality flag -->
                <widget class="editable_client_object_property_panel" id="intc "  style="bold" alignment="left,centre">
                    <record id="widget_info" class="nation_button"  alignment="left,bottom" format="[%nation#1-nationality]" />
                    <record id="widget_properties" auto_size="vertical" />
                    <record id="object_property" dont_set_hint="true" get_property="PNat" />
                </widget>

                <!-- Int Caps -->
                <widget class="international_appearances_label" size="small" multiline="true" alignment="left">
                    <record id="object_property" dont_set_hint="true" get_property="Pist" />
                </widget>
            
                <!--height-->
                <widget class="height_label" id="heig"  style="bold"  alignment="left">
                    <record id="object_property">
                    <integer id="get_property" value="Phei" />
                    </record>
                </widget>    
              
                <!--Weight -->
                <widget class="editable_client_object_property_panel" id="Pwei"   alignment="left">
                    <record id="object_property" get_property="Pwei"/>
                </widget>
                
                <!--preferred foot-->
                <widget class="foot_label" id="Pfot"  style="bold"  alignment="left" >
                    <record id="object_property" get_property="Pfot" />
                </widget>
          
                <!--preferred foot label-->  
                <widget class="label" id="Pfo:"  alignment="left" >
                    <record id="object_property" get_property="Pfot" name="true" />
                </widget>            
            
                <container/>
                <container/>

            </container>   <!-- closes SECOND column container-->
            
        </container>   <!--closes MAIN details container-->

 

 

Screenshot (32).jpg

Link to post
Share on other sites

    <container>
      <attachment_group class="horizontal_arrange" horizontal_alignment="fill" horizontal_offset="4" horizontal_gap="8" vertical_inset="0"/>
      <record id="default_properties">
        <list id="attachments">
          <record class="vertical_arrange" vertical_alignment="fill" vertical_offset="0" vertical_gap="0" horizontal_inset="0"/>
        </list>
        <record id="default_properties">
          <list id="attachments">
            <record class="vertical_arrange" vertical_alignment="fill" vertical_offset="0" vertical_gap="1" horizontal_inset="0"/>
          </list>
          <record id="default_properties" auto_size=""/>
        </record>
      </record>

        <container>
            <container>
                <widget class="label" alignment="left,bottom" font="label">
                  <translation id="text" translation_id="458477" type="use" alignment="left" value="D.O.B.[COMMENT: player profile, personal details; Abbreviation for 'Date of Birth']"/>
                </widget>
                <container>
                  <attachment_group class="horizontal_arrange_vertical_autosize" horizontal_alignment="fill" horizontal_offset="0" horizontal_gap="4" vertical_alignment="top" vertical_inset="0"/>
                    <widget class="formatted_label" id="age " auto_size="vertical" font="value">
                      <translation id="format" translation_id="242551" type="use" value="[%number#1] years old"/>
                      <record id="object_property" get_property="Page" dont_set_hint="true"/>
                    </widget>
                    <widget class="dob_label" id="dobl" display_format="0" auto_size="vertical" font="value" colour="faded text">
                      <record id="object_property" get_property="Pdob"/>
                    </widget>
                </container>
            </container>

            <container>
                <widget class="label" alignment="left,bottom" font="label">
                  <translation id="text" translation_id="257347" type="use" value="Contract[COMMENT - transfer status filter text; offers at contract stage]"/>
                </widget>
                <container>
                  <attachment_group class="horizontal_arrange_vertical_autosize" horizontal_alignment="fill" horizontal_offset="0" horizontal_gap="4" vertical_alignment="top" vertical_inset="0"/>
                    <widget class="wage_label" id="Pcww" alignment="left,can_scale" auto_size="vertical" font="value">
                      <record id="object_property" get_property="Pcww"/>
                    </widget>
                    <widget class="contract_expiry_button" id="Pcex" alignment="left" auto_size="vertical" font="value" colour="faded text">
                      <record id="object_property" get_property="Pced"/>
                    </widget>
                </container>
            </container>

            <container>
                <widget class="label" alignment="left,bottom" font="label">
                  <translation id="text" translation_id="292633" type="use" value="Estimated Value[COMMENT: player profile; value label]"/>
                </widget>
                <widget class="value_label" id="valu" alignment="left,top" font="value">
                  <record id="object_property" get_property="Pdva" dont_set_hint="true"/>
                </widget>
            </container>
        </container>

        <container>
            <container>
                <container>
                  <attachment_group class="vertical_arrange" vertical_alignment="bottom"/>
                    <widget class="person_nationality_button" auto_size="vertical" font="value">
                      <record id="object_property" get_property="objt" set_property="objt"/>
                    </widget>
                </container>
                <widget class="international_appearances_label" alignment="left,top,can_scale" size="normal" style="light_bold">
                  <record id="object_property" get_property="Pist"/>
                </widget>
            </container>

            <container>
                <widget class="height_label" alignment="left,bottom" font="value">
                  <record id="object_property" get_property="Phei"/>
                </widget>
                <widget class="weight_label" alignment="left,top" size="10.5" style="light_bold">
                  <record id="object_property" get_property="Pwei"/>
                </widget>
            </container>

            <container>
                <widget class="label" alignment="left,bottom" font="label">
                  <record id="object_property" get_property="Pfot" name="true"/>
                </widget>
                <widget class="foot_label" alignment="left,top" font="value">
                  <record id="object_property" get_property="Pfot" dont_set_hint="true"/>
                </widget>
            </container>
        </container>
    </container>

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