yonko Posted July 3, 2017 Share Posted July 3, 2017 Hello, I'm looking for help with the following: I want to align the sidebar properly. However, nothing I try seems to work when editing the sidebar menu table.xml file. Can anyone guide me to the answer? Another thing I need help with is the icons on the action bar. They still seem to recolor to the secondary color. Where and how can I edit them? Thanks in advance. Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted July 3, 2017 Share Posted July 3, 2017 There should be some threads around from the last few versions about editing the sidebar, however it tends to be a mess to edit (I think the Steklo skins from previous versions tried to do what you want have a look back at them to see how Tom did it). If you want to shift the content down then change this line: <layout class="stick_to_sides_attachment" alignment="all" inset="0" layout_children="true" /> To: <layout class="stick_to_sides_attachment" alignment="top" inset="10" layout_children="true" /> <layout class="stick_to_sides_attachment" alignment="all" inset="0" layout_children="true" /> And change the highlighted offset value to suit. To resize the rows the easiest way is to edit the various xml files found in the panels\menubar folder, there will be one file for each item in those files just adjust the panel height and alignment values until you are happy. For the second image the backroom advice icon is controlled by the 'backroom advice trigger button' xml file found in the panels\club\ folder in that file change red_replacement value from secondary to the value you want. For the help icon do the same with the 'help icon button' xml file found in the panels\generic folder. Link to post Share on other sites More sharing options...
yonko Posted July 4, 2017 Author Share Posted July 4, 2017 Thanks Michael. You're very helpful as always. However, I still have trouble with the sidebar alignment. This is the content of my sidebar menu table.xml file: <?xml version="1.0" encoding="UTF-8"?> <panel> <layout class="stick_to_sides_attachment" alignment="all" inset="0" layout_children="true" /> <container> <layout class="arrange_vertical_attachment" layout="-1" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" layout_children="true" /> <widget class="plain_box" appearance="boxes/custom/interface/sidebar/paper" /> </container> <container class="vertical_adaptive_container" inset="2" offset="0" gap="0"> <!--sidebar--> <container default_height="-1"> <layout class="arranger_vertical_attachment" alignment="top, fill" offset="0" gap="0"/> <layout class="stick_to_sides_attachment" alignment="top" inset="8" layout_children="true"/> <layout class="stick_to_sides_attachment" alignment="all" inset="0" layout_children="true"/> <!--club/nation selector--> <container class="tabbed_container" id="tabc" changed_event="Tesc" contents_kind="container" group_kind="container" hide_selector_if_one_or_fewer_items="true"> <record id="top_properties"> <flags id="appearance" value="tabs/custom/sidebar"/> <flags id="auto_size" value="vertical" /> <flags id="alignment" value="top" /> <boolean id="use_alt_end_tab_appearances" value="false"/> <boolean id="hide_text_if_truncated" value="true"/> </record> <!--club table--> <widget class="table" id="club" mode="select_rows,fill_rows,hide_headings,dont_allow_click_unselect_single" auto_size_rows="true" fixed_size_rows="false"> <list id="column_display_properties"> <record width="-1" column_heading="Icon"> <record id="column_properties"/> </record> <record width="-3" minimum_width="100" column_heading="Name"> <record id="column_properties" alignment="left,centre_y" colour="match text" size="10.1"/> </record> </list> </widget> <!--nation table--> <widget class="table" id="nati" mode="select_rows,fill_rows,hide_headings,dont_allow_click_unselect_single" auto_size_rows="true" fixed_size_rows="false"> <list id="column_display_properties"> <record width="-1" column_heading="Icon"> <record id="column_properties"/> </record> <record width="-3" minimum_width="100" column_heading="Name"> <record id="column_properties" alignment="left,centre_y" colour="match text" size="10.1"/> </record> </list> </widget> </container> <!--unemployed table--> <widget class="table" id="unem" mode="select_rows,fill_rows,hide_headings,dont_allow_click_unselect_single" auto_size_rows="true" fixed_size_rows="false"> <list id="column_display_properties"> <record width="-1" column_heading="Icon"> <record id="column_properties"/> </record> <record width="-3" minimum_width="100" column_heading="Name"> <record id="column_properties" alignment="left,centre_y" colour="match text" size="10.1"/> </record> </list> </widget> </container> <!-- battery indicator, only shows up for laptops --> <container> <layout class="arrange_vertical_attachment" alignment="bottom" gap="0" offset="5"/> <layout class="stick_to_sides_attachment" alignment="bottom" inset="0" layout_children="true" /> <layout class="stick_to_sides_attachment" alignment="bottom, left" inset="0"/> <layout class="fit_children_attachment" alignment="vertical, fill" offset="5"/> <widget class="feed_button" width="45" height="40" event_id="addF" secondary_icon="icons/26px/speech bubble" secondary_icon_alignment="centre" appearance="" alignment="top,left"> <record id="secondary_icon_properties" red_replacement="white"/> <attachment class="test_global_attachment" get_property="NetG" mode="0" value="false" set_property="hidn"/> </widget> <widget class="streaming_indicator" width="45" height="40" scale_picture="false" file="icons/26px/twitch" red_replacement="twitch" image_alignment="center"/> <widget class="battery_power_indicator" width="45" height="40" image_alignment="center"/> </container> </container> </panel> I can move the content of the sidebar up or down depending on the insert value, but there always seems to be a piece of graphic sticking at the top above/behind my own graphic I have created with the png file in the relevant graphics folder. All the graphics at the top are created through editing the image in the png files for sidebar, header, titlebar, fm button and continue button. I'm thinking maybe something needs to be edited in client object browser.xml, what do you think? Another thing is I tried to remove the separator lines from the sidebar but they remain there still. I removed the appearance line from separator icon.xml in the menubar folder, but that didn't seem to do the trick. Got any suggestion how to remove them? Thanks in advance. p.s. Steklo X5, the unfinished Steklo X6 project and the Evo skin from FM 16 are my inspirations for this personal edition. Link to post Share on other sites More sharing options...
TCSSkin Posted July 4, 2017 Share Posted July 4, 2017 have you tried editing the graphic, and editing the slices? Link to post Share on other sites More sharing options...
wkdsoul Posted July 4, 2017 Share Posted July 4, 2017 Your client object browser isnt insetting everything by 1 or 2 pixels is it? (not sure what you mean aligned so guess at the pic) Link to post Share on other sites More sharing options...
yonko Posted July 5, 2017 Author Share Posted July 5, 2017 3 hours ago, bluestillidie00 said: have you tried editing the graphic, and editing the slices? The graphic is edited appropriately - 5 pixels from the top are empty (transparent) for the sidebar, header, titlebar, fm button and continue button. For the sidebar the slices are left = 5, right = 5, top = 50, bottom = 5. The graphics appear fine. It's just that there is an extra bit of default graphic that the game draws from somewhere and can't be edited/aligned or whatever. It doesn't do it with the rest of the top graphics in the header. 2 hours ago, wkdsoul said: Your client object browser isnt insetting everything by 1 or 2 pixels is it? (not sure what you mean aligned so guess at the pic) I'm not sure what you mean by "inserting everything by 1 or 2 pixels. Here is my client object browser.xml file: <?xml version='1.0' encoding='utf-8'?> <!-- this file lists the global panels that should be installed --> <panel> <layout class="stick_to_sides_attachment" alignment="all" inset="0" layout_children="true" /> <!-- background picture - covers entire screen --> <widget class="background" file="backgrounds/default" id="bgnd"> <record id="object_property"> <integer id="get_property" value="bgnd" /> <integer id="set_property" value="file" /> </record> </widget> <!-- background box - covers entire screen --> <widget class="bordered_box" appearance="boxes/custom/background/paper"/> <container class="horizontal_adaptive_container" gap="0" offset="0" inset="0"> <container default_width="-1" priority="1" minimum_width="1224"> <layout class="arrange_horizontal_attachment" alignment="left, extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" layout_children="true" /> <widget class="sidebar_menu_table" id="side" width="160"> <record id="object_property"> <integer id="get_property" value="objt" /> <integer id="set_property" value="cotO" /> </record> <attachment class="test_multiple_globals_attachment" default_value="true"> <list id="get_properties"> <record get_property="TTyp" test_mode="0" value="1" skip_if_null="false" /> <record get_property="FS " test_mode="0" comparison_mode="1" value="true" skip_if_null="false" /> <record get_property="DRpg" test_mode="0" comparison_mode="1" value="true" skip_if_null="false" /> </list> <integer id="set_property" value="FoHi" /> </attachment> <attachment class="test_screen_size_attachment" alignment="horizontal" min_value="0" max_value="1200" set_property="widt" true_value="45" false_value="160" disable_setting_name="force_small_sidebar"/> </widget> <container> <layout class="arrange_vertical_attachment" alignment="top, extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" layout_children="true" /> <animation class="translate_animation" start_value="0, 0.2" end_value="0, 0" duration="0.4" end_mode="hold_end" tween="ease_out" coord_mode="relative_to_screen" /> <!-- header area at top of screen - with title, menus, etc --> <container id="head" class="header_panel"> <!-- hide this panel in "navigation disabled" mode --> <attachment class="test_global_attachment" get_property="FS " value="true" set_property="hidn" /> <record id="object_property"> <integer id="get_property" value="objt" /> <integer id="set_property" value="objt" /> </record> </container> <container id="main"> <layout class="stick_to_sides_attachment" alignment="all" inset="0" layout_children="true" /> <!-- match - covers entire lower part of screen when looking at a match --> <widget class="match_highlights_panel" id="full" pitch_unique_id="full"> <attachment class="test_multiple_globals_attachment" default_value="true"> <list id="get_properties"> <record get_property="MatS" test_mode="0" value="false" skip_if_null="true" /> <record get_property="nfsM" test_mode="0" comparison_mode="1" value="true" skip_if_null="true" /> <record get_property="dtty" test_mode="1" comparison_mode="1" value="53" skip_if_null="true" /> </list> <integer id="set_property" value="hidn" /> </attachment> <record id="object_property"> <integer id="get_property" value="objt" /> <integer id="set_property" value="objt" /> </record> </widget> <!-- rest of the panels --> <container class="container_with_mouse_events" propagate_mouse_events="false" DisW="false"> <!--when in a match and viewing highlights, we want the above container to allow mouse events to propagate to the match panel underneath it--> <attachment class="test_multiple_globals_attachment" default_value="false"> <list id="get_properties"> <record get_property="sect" test_mode="0" value="hilp" skip_if_null="false"/> <record get_property="MatS" test_mode="0" comparison_mode="1" value="false" skip_if_null="true" /> </list> <integer id="set_property" value="prme"/> </attachment> <layout class="arrange_vertical_attachment" alignment="top, extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" layout_children="true" /> <!--actions bar--> <container height="36"> <layout class="stick_to_sides_attachment" alignment="all" inset="0" layout_children="true" /> <!-- hide this panel in "navigation disabled" mode --> <attachment class="test_multiple_globals_attachment" default_value="true"> <list id="get_properties"> <record get_property="TTyp" test_mode="0" value="1" skip_if_null="false" /> <record get_property="dtty" test_mode="0" comparison_mode="0" value="53" skip_if_null="false" /> <record get_property="FS " test_mode="0" comparison_mode="1" value="true" skip_if_null="false" /> <record get_property="DRft" test_mode="0" comparison_mode="1" value="true" skip_if_null="false" /> </list> <integer id="set_property" value="hidn" /> </attachment> <!-- coloured actions bar image --> <widget class="bordered_box" id="ACTb" appearance="boxes/custom/interface/tab bar/paper" /> <container> <layout class="arrange_horizontal_attachment" alignment="right, extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" layout_children="true" /> <!-- actions and sections bar --> <container class="sections_menu_strip" id="acse" /> <!--Backroom Advice--> <widget class="backroom_advice_trigger_button" id="BaC1"/> <!--in game editor edit object button--> <container width="50"> <attachment class="test_global_attachment" get_property="gset" value="false" set_property="hidn" /> <layout class="arrange_horizontal_attachment" alignment="middle" offset="0" gap="0" /> <layout class="stick_to_sides_attachment" alignment="vertical" layout_children="true" inset="0" /> <widget class="edit_object_icon_button" id="edit" cant_be_toggled="true" icon="icons/16px/edit" icon_alignment="left" appearance="buttons/custom/interface/tab bar/button" auto_size="none" multiline="false" width="50"> <record id="primary_icon_properties" red_replacement="ui_header_icons" /> <record id="secondary_icon_properties" red_replacement="ui_header_icons" /> <attachment class="flash_colour_attachment" auto_start="false" rate="850"> <colour id="first_colour" red="49" green="52" blue="63" /> <colour id="second_colour" red="46" green="103" blue="182" /> <flags id="colour_property" value="bkcl" /> </attachment> </widget> </container> <!--Help System--> <widget class="help_icon_button" id="hotw" width="60" icon="icons/16px/help"> <translation id="text" translation_id="291316" type="use" value="Help[COMMENT: quick link icon hint]" /> <translation id="hint" translation_id="291316" type="use" value="Help[COMMENT: quick link icon hint]" /> </widget> <!--Backroom Advice 'popup'--> <widget class="backroom_advice_trigger_button" id="BaC2" file="club/backroom advice trigger button popup panel" disable_layout_attachments_when_embedded="true" hidden="true"/> </container> </container> <!--match actions bar--> <container class="bordered_box" appearance="boxes/custom/match/action bar/paper" height="40" diAN="true"> <layout class="stick_to_sides_attachment" alignment="all" inset="0" layout_children="true" /> <attachment class="test_multiple_globals_attachment" default_value="true"> <list id="get_properties"> <record get_property="TTyp" test_mode="1" value="1" skip_if_null="false" /> <record get_property="dtty" test_mode="1" comparison_mode="1" value="53" skip_if_null="false" /> </list> <integer id="set_property" value="hidn" /> </attachment> <!-- Only enable animations on the full match screen and when auto-hide is on --> <attachment class="test_multiple_globals_attachment" default_value="true"> <list id="get_properties"> <record get_property="MaMi" test_mode="0" value="true" default_value="true" /> <record get_property="dsAH" test_mode="0" comparison_mode="1" value="true" skip_if_null="true" /> <record get_property="dsAO" test_mode="0" comparison_mode="1" value="true" skip_if_null="true" /> </list> <integer id="set_property" value="diAN" /> </attachment> <!-- Convert mouse enter/exit into animation trigger events so that other widgets can also use these triggers --> <!-- animation_relay_attachment get disabled when animations are disbaled to prevent them from wastefully firing in the rest of the game --> <attachment class="animation_relay_attachment" event_id="msen"> <record id="action_event"> <flags id="event_id" value="SliM" /> <integer id="evfl" value="7" /> <flags id="evtg" value="root" /> </record> </attachment> <attachment class="animation_relay_attachment" event_id="msex"> <record id="action_event"> <flags id="event_id" value="SloM" /> <integer id="evfl" value="7" /> <flags id="evtg" value="root" /> </record> </attachment> <!-- These events are sent by modal popup panels on the match screen to disable animations when they are opened and then re-enable them when closed --> <attachment class="event_relay_attachment" event_id="DsAn"> <record id="action_event"> <flags id="event_id" value="SETP" /> <flags id="id" value="pasA" /> <boolean id="value" value="true" /> </record> </attachment> <attachment class="event_relay_attachment" event_id="EnAn"> <record id="action_event"> <flags id="event_id" value="SETP" /> <flags id="id" value="pasA" /> <boolean id="value" value="false" /> </record> </attachment> <!-- An animations to ensure that the panel's default position is off the screen --> <animation class="translate_animation" start_value="0,36" end_value="0,36" duration="2" end_mode="hold_end" coord_mode="absolute_to_target" apply_to_mouse="false" /> <!--slide in on mouse enter--> <animation class="translate_animation" trigger_start="SliM" trigger_end="SloM" end_mode="hold_auto_reverse_hold" coord_mode="absolute_to_target" apply_to_mouse="false"> <!-- This is really just a normal slide out but some extra waiting is required at the end to compensate for a timing issue when pausing --> <list id="storyboard"> <record interval="0.0" value="0,0" tween="ease_in_out" /> <record interval="0.3" value="0,-36" tween="linear" /> <record interval="0.4" value="0,-36" tween="linear" /> </list> </animation> <!-- coloured actions bar image (match)--> <widget class="picture" id="macb" file="interface/header/match/actionbar" /> <container> <layout class="arrange_horizontal_attachment" alignment="right, extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" layout_children="true" /> <!-- actions and sections bar --> <container class="menu_strip" id="acts" appearance="" offset="0" gap="0" default_widget_type="action_button_action" submenu_type="popup_button_actions" separator_type="picture"> <flags id="CaMH" value="true"/> <record id="default_widget_properties" /> <record id="submenu_properties" fixed="true"> <event id="click_notification_event" event_id="DMCN" item="NULL" /> <event id="menu_layout_notification_event" event_id="MLNO" /> </record> <record id="separator_properties" file="dividers/standard/vertical/line" auto_size="horizontal" height="52" /> <record id="more_button_properties"> <record id="opened_event"> <flags id="event_id" value="DsAn" /> <integer id="evfl" value="7" /> <flags id="evtg" value="root" /> </record> <record id="closed_event"> <flags id="event_id" value="EnAn" /> <integer id="evfl" value="7" /> <flags id="evtg" value="root" /> </record> </record> </container> </container> </container> <container class="plain_box"> <layout class="arrange_vertical_attachment" alignment="bottom, extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" layout_children="true" /> <!-- main area - contains sections/actions panel and content areas --> <container id="main"> <layout class="arrange_horizontal_attachment" alignment="middle, extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" layout_children="true" /> <!-- screen content area --> <container id="scca" auto_size="horizontal"> <layout class="stick_to_sides_attachment" alignment="all" layout_children="true" inset="0" /> </container> </container> <!-- footer area at bottom of screen --> <container id="foot" file="generic/footer" /> </container> </container> </container> </container> </container> <widget class="sidebar_chat_box" id="chbo" default_width="200" priority="2"/> </container> </panel> I'm thinking something in the highlighted in red area needs to be edited, but not sure what exactly. I would appreciate any help. Thanks. Link to post Share on other sites More sharing options...
yonko Posted July 5, 2017 Author Share Posted July 5, 2017 Never mind, guys. I managed to sort out the sidebar problem. In the settings folder I have sidebar colours.xml file that looks like this: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE propertylist SYSTEM "http://www.sigames.com/dtds/properties.dtd"> <properties version="1.0"> <list id="items"> <!-- All Colours --> <record min_hue="0" max_hue="360" min_saturation="0" max_saturation="100" min_lightness="0" max_lightness="100"> <colour id="accent_colour" red="23" green="30" blue="37" alpha="0"/> </record> </list> </properties> I simply changed the alpha value from 255 to 0 and the default extra image disappeared. Thank you all for trying to help though. I would still like to make the separator lines disappear for a clean look to the sidebar. But nothing seems to work so far. Does anyone know how I can remove the separator lines from the sidebar? Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted July 5, 2017 Share Posted July 5, 2017 The separater doesn't seem to actually use the 'separator icon' xml file, it looks like it is hardcoded looks like the the only way is to replace the graphic found in \graphics\dividers\standard\horizontal\ folder though that will affect all dividers in the game, you can try having a look back through the sidebar threads from previous versions to see if there is another way of doing it. Link to post Share on other sites More sharing options...
yonko Posted July 6, 2017 Author Share Posted July 6, 2017 I looked and couldn't find another way. So I guess I will have to accept the fact that can't remove them. Thanks for always being helpful. Link to post Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.