/indra/newview/skins/default/xui/en/panel_outfit_edit.xml

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<!-- Side tray Outfit Edit panel -->
<panel
 background_visible="true"
 border="false"
 height="600"
 follows="all"
 layout="topleft"
 help_topic="edit_outfit"
 left="0"
 min_height="350"
 name="outfit_edit"
 top="0"
 width="320">
    <string
     name="No Outfit"
     value="No Outfit"/>
    <string
     name="unsaved_changes"
     value="Unsaved Changes"/>
    <string
     name="now_editing"
     value="Now Editing"/>
    <string
     name="folder_view_off"
     value="Hierarchy_View_Disabled"
     translate="false"/>
    <string
     name="folder_view_on"
     value="Hierarchy_View_On"
     translate="false"/>
    <string
     name="list_view_off"
     value="List_View_Disabled"
     translate="false"/>
    <string
     name="list_view_on"
     value="List_View_On"
     translate="false"/>
	
	<panel.string
		name="not_available">
		(N\A)
	</panel.string>
	<panel.string
		name="unknown">
		(unknown)
	</panel.string>

    <!-- Wearables filtering strings -->
    <string name="Filter.All" value="All"/>
    <string name="Filter.Clothes/Body" value="Clothes/Body"/>
    <string name="Filter.Objects" value="Objects"/>
    <string name="Filter.Clothing" value="Clothing"/>
    <string name="Filter.Bodyparts" value="Body parts"/>

    <string
     name="replace_body_part"
     value="Click to replace your existing shape"/>
  

    <button
     follows="top|left"
     height="24"
     image_hover_unselected="BackButton_Over"
     image_pressed="BackButton_Press"
     image_unselected="BackButton_Off"
     layout="topleft"
     name="back_btn"
     left="5"
     tab_stop="false"
     top="1"
     width="30"
     use_draw_context_alpha="false" />
    <text
     follows="top|left|right"
     font="SansSerifHugeBold"
     height="26"
     layout="topleft"
     left_pad="10"
     name="title"
     text_color="LtGray"
     top="0"
     value="Edit Outfit"
     use_ellipses="true"
     width="275" /> 

<!-- "HEADER WITH ICON, STATUS TEXT AND OUTFIT NAME" -->
    <panel
     background_visible="true"
     bg_alpha_color="DkGray2"
     bevel_style="none"
     follows="top|left|right"
     height="40"
     layout="topleft"
     left="6"
     name="header_panel"
     top_pad="5" 
     width="311">
        <icon
         follows="left|top"
         height="31"
         image_name="Shirt_Large"
         left="2"
         mouse_opaque="false"
         name="outfit_icon"
         top="2"
         scale_image="true"
         visible="true"
         width="31" />
            <panel
             bevel_style="none"
             follows="top|left|right"
             height="37"
             layout="topleft"
             left_pad="5"
             name="outfit_name_and_status"
             top="2"
             width="270">
                <text
                 follows="top|left|right"
                 font="SansSerifSmallBold"
                 height="13"
                 layout="topleft"
                 name="status"
                 text_color="EmphasisColor"
                 top="2"
                 value="Now editing..."
                 use_ellipses="true"
                 width="245" /> 
                <text
                 follows="bottom|left|right"
                 font="SansSerifLargeBold"
                 height="18"
                 layout="topleft"
                 name="curr_outfit_name"
                 parse_urls="false"
                 text_color="LtGray"
                 top_pad="2"
                 value="[Current Outfit]"
                 use_ellipses="true"
                 width="245" /> 
                <loading_indicator
                 follows="right|top"
                 height="24"
                 layout="topleft"
                 right="-2"
                 name="edit_outfit_loading_indicator"
                 top="6"
                 width="24" />
            </panel>
    </panel>


<!-- LIST OF WEARABLES (CURRENT OUTFIT/ WEARABLES TO ADD) -->
<!-- *NOTE: border_size is used to calculate space between layout panels and also to calculate resize bar's height.
Required height for dragbar (icon in spec) is 10, so resizebar height should be 10 px.
It is calculated as border_size + 2*UIResizeBarOverlap
-->
    <layout_stack
     animate="true"
     border_size="8"
     clip="false"
     default_tab_group="2"
     follows="all"
     height="465"
     width="313"
     layout="topleft"
     orientation="vertical"
     name="im_panels"
     tab_group="1"
     top_pad="5"
     left="5">
        <layout_panel
         layout="topleft"
         height="187"
         min_height="155"
         name="outfit_wearables_panel"
         width="313"
         auto_resize="true"
         user_resize="true">

            <layout_stack
             animate="true"
             border_size="0"
             follows="all"
             height="185"
             width="313"
             orientation="vertical" 
             layout="topleft"
             name="filter_panels"
             top="0"
             left="0">
                <layout_panel
                 auto_resize="true" 
                 background_visible="false"
                 layout="topleft"
                 height="154"
                 name="add_button_and_combobox"
                 width="311"
                 visible="true">

            <!-- List containing items from the COF and Base outfit -->
            <panel
             background_visible="false"
             class="cof_wearables"
             filename="panel_cof_wearables.xml"
                     follows="all" 
                     height="129"
             layout="topleft"
             left="1"
             name="cof_wearables_list"
             top="0"
             width="311" />

                    <button
                     follows="left|bottom" 
                     height="22"
                     image_pressed="PushButton_Press"
                     image_pressed_selected="PushButton_Selected_Press"
                     image_selected="PushButton_Selected_Press"
                     is_toggle="true"
                     label="Add More..."
                     layout="topleft"
                     left="2"
                     name="show_add_wearables_btn"
                     top_pad="2"
                     tool_tip="Open/Close"
                     width="125" />

                    <combo_box
                     follows="left|right|bottom"
                     height="22"
             layout="topleft"
                     left_pad="5"
                     name="list_view_filter_combobox"
                     top_delta="0"
                     visible="false"
                     width="152"/>
                    <combo_box
                     follows="left|right|bottom"
                     height="22"
                     layout="topleft"
                     left_delta="0"
                     name="folder_view_filter_combobox"
                     top_delta="0"
                     visible="false"
                     width="152"/>
                    
            <button
                     follows="bottom|right"
                     height="22"
             image_overlay="Search_Icon"
                     image_pressed="PushButton_Press"
                     image_pressed_selected="PushButton_Selected_Press"
                     image_selected="PushButton_Selected_Press"
             is_toggle="true"
             layout="topleft"
             name="filter_button"
                     right="-5"
             top_delta="0"
                     visible="false"
             width="20" />
                </layout_panel>

                <layout_panel
                 auto_resize="false"
                 background_visible="true"
                 bg_alpha_color="DkGray2"
                 height="30"
                 name="filter_panel"
                 width="311"
                 visible="false">

                    <filter_editor
		             background_image="TextField_Search_Off"
		             enabled="true"
		             follows="left|right|top"
		             label="Filter Inventory Wearables"
		             layout="topleft"
		             left="5"
		             width="290"
		             height="25"
		             name="look_item_filter"
		             search_button_visible="true"
		             text_color="black"
		             visible="true"/>
                    
                </layout_panel>
            </layout_stack>
                </layout_panel>


                <layout_panel
         background_visible="false"
         bg_alpha_color="DkGray2"
                 auto_resize="true"
         default_tab_group="3"
         height="450"
         min_height="80"
         name="add_wearables_panel"
         width="313"
         tab_group="2"
         user_resize="true"
         visible="false">

			<!-- this icon represent dragbar between layout panels.
          	 This is a workaround implemented in EXT-7255 becouse of an issue with layout stack (EXT-7471) -->
            <icon
             follows="left|top|right"
             height="10"
             image_name="Dragbar"
             left="0"
             top_pad="-9"
             width="313" />

                    <inventory_panel
		             allow_multi_select="true"
		             background_visible="false"
		             border="false"
		             follows="left|top|right|bottom"
             height="418"
		             layout="topleft"
		             left="0"
		             mouse_opaque="false"
             name="folder_view"
             top_pad="0"
             width="313"
		             visible="false"/>
		            <panel
		             name="filtered_wearables_panel"
		             background_opaque="true"
		             background_visible="false"
		             layout="topleft"
		             follows="left|top|right|bottom"
		             border="false"
             height="418"
		             left="0"
		             mouse_opaque="false"
             width="310"
		             top_delta="0"
		             visible="true">
		             <wearable_items_list
		              color="0.107 0.107 0.107 1"
                 name="list_view"
		              allow_select="true"
		              layout="topleft"
		              follows="all"
		              multi_select="true"
                 width="313"
                 height="418"
		              left="0"
		              top="0"/>
		            </panel>
            <button
	         follows="bottom|left"
	         height="22"
	         left="2"
	         label="Wear Item"
	         layout="topleft"
	         name="plus_btn"
	         top_pad="5"
	         width="130" />

       </layout_panel>
    </layout_stack>


    <!-- BUTTON BAR -->
    <panel
     background_visible="true"
     bevel_style="none"
     follows="bottom|left|right"
     height="27"
     layout="topleft"
     left="5"
     name="no_add_wearables_button_bar"
     top_pad="0"
     width="313">
        <menu_button
         follows="bottom|left"
         height="25"
         image_hover_unselected="Toolbar_Left_Over"
         image_overlay="OptionsMenu_Off"
         image_selected="Toolbar_Left_Selected"
         image_unselected="Toolbar_Left_Off"
         layout="topleft"
         left="0"
         name="gear_menu_btn"
         top="1"
         width="31" />
        <icon
         follows="bottom|left|right"
         height="25"
         image_name="Toolbar_Middle_Off"
         layout="topleft"
         left_pad="1"
         name="dummy_right_icon"
         width="250" />
        <button
         follows="bottom|right"
         height="25"
         image_hover_unselected="Toolbar_Right_Over"
         image_overlay="Shop"
         image_selected="Toolbar_Right_Selected"
         image_unselected="Toolbar_Right_Off"
         layout="topleft"
         left_pad="1"
         name="shop_btn_1"
         top="1"
         tool_tip="Visit the SL Marketplace. You can also select something you are wearing, then click here to see more things like it"
         width="31" />
    </panel>
    
    
    <!-- BUTTON BAR - WEARABLES ADDING MODE -->
    <panel
     background_visible="true"
     bevel_style="none"
     follows="left|right|bottom"
     height="27"
     layout="topleft"
     left="5"
     name="add_wearables_button_bar"
     top_delta="0"
     visible="false"
     width="313">
        <menu_button
         follows="bottom|left"
         height="25"
         image_hover_unselected="Toolbar_Left_Over"
         image_overlay="OptionsMenu_Off"
         image_selected="Toolbar_Left_Selected"
         image_unselected="Toolbar_Left_Off"
         layout="topleft"
         left="0"
         name="wearables_gear_menu_btn"
         top="1"
         width="31" />
        <button
         follows="bottom|left"
         height="25"
         image_hover_unselected="Toolbar_Middle_Over"
         image_overlay="Hierarchy_View_Disabled"
         image_selected="Toolbar_Middle_Selected"
         image_unselected="Toolbar_Middle_Off"
         is_toggle="true"
         layout="topleft"
         left_pad="1"
         name="folder_view_btn"
         top="1"
         width="31" />
        <button
         follows="bottom|left"
         height="25"
         image_hover_unselected="Toolbar_Middle_Over"
         image_overlay="List_View_On"
         image_selected="Toolbar_Middle_Selected"
         image_unselected="Toolbar_Middle_Off"
         is_toggle="true"
         layout="topleft"
         left_pad="1"
         name="list_view_btn"
         top="1"
         width="31" />
       <icon
        follows="bottom|left|right"
        height="25"
         image_name="Toolbar_Middle_Off"
        layout="topleft"
        left_pad="1"
         name="dummy_right_icon"
         width="186" >
       </icon>
        <button
         follows="bottom|right"
         height="25"
         image_hover_unselected="Toolbar_Right_Over"
         image_overlay="Shop"
         image_selected="Toolbar_Right_Selected"
         image_unselected="Toolbar_Right_Off"
         layout="topleft"
         left_pad="1"
         name="shop_btn_2"
         top="1"
         tool_tip="Visit the SL Marketplace. You can also select something you are wearing, then click here to see more things like it"
         width="31" />
    </panel>

    <!-- SAVE AND REVERT BUTTONS -->
    <panel
     follows="left|right|bottom"
     height="30"
     layout="topleft"
     left="4"
     top_pad="2"
     name="save_revert_button_bar"
     width="300">
			<layout_stack
     	         follows="bottom|left|right"
		         height="23"
		         layout="topleft"
		         mouse_opaque="false"
		         name="button_bar_ls"
		         left="0"
		         orientation="horizontal"
		         top="0"
		         width="313">	
			    <layout_panel
			         follows="bottom|left|right"
			         height="23"
                     layout="bottomleft"
                     left="0"			
                     mouse_opaque="false"
                     name="save_btn_lp"
                     auto_resize="true"
                     width="156">
        <button
                         follows="bottom|left|right"
         height="23"
         label="Save"
                         left="1"
         layout="topleft"
         name="save_btn"
         top="0"
         width="155" />
        <button
                         follows="bottom|right"
         height="23"
         name="save_flyout_btn"
         label=""
         layout="topleft"
         left_pad="-20"
         tab_stop="false"
         top="0"
         image_selected="SegmentedBtn_Right_Selected_Press"
         image_unselected="SegmentedBtn_Right_Off"
         image_pressed="SegmentedBtn_Right_Press"
         image_pressed_selected="SegmentedBtn_Right_Selected_Press"
         image_overlay="Arrow_Small_Up"
         width="20"/>
			    </layout_panel>
			    <layout_panel
                     follows="bottom|left|right"
                     height="23"
                     layout="bottomleft"
                     left_pad="3"			
                     mouse_opaque="false"
                     name="revert_btn_lp"
                     auto_resize="true"
                     width="147">
        <button
         follows="bottom|left|right"
         height="23"
                         left="0"
         label="Undo Changes"
         layout="topleft"
         name="revert_btn"
         top="0"
         tool_tip="Revert to last saved version"
         width="147" />
			    </layout_panel>
			</layout_stack>
    </panel>
</panel>