PuppyClient/Assets/Resources/Warehouse/WarehouseUI.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
    <ui:Template name="Item" src="project://database/Assets/Resources/Shopping/Item.uxml?fileID=9197481963319205126&amp;guid=5d71c80e9fb549247af109cdc4fd0912&amp;type=3#Item" />
    <ui:Template name="back button" src="project://database/Assets/Resources/Status/backButton.uxml?fileID=9197481963319205126&amp;guid=fc166ff6c7f7d9a42be9ebce47e4f497&amp;type=3#backButton" />
    <ui:Template name="msgRoot" src="project://database/Assets/Resources/Shopping/msgRoot.uxml?fileID=9197481963319205126&amp;guid=de4effe0670cb7f40a46a8ad65fc7f3c&amp;type=3#msgRoot" />
    <Style src="project://database/Assets/Resources/Status/StatusStyle.uss?fileID=7433441132597879392&amp;guid=21d236151b567a34aafb4dd11ce02947&amp;type=3#StatusStyle" />
    <Style src="project://database/Assets/Resources/Shopping/ShoppingUI.uss?fileID=7433441132597879392&amp;guid=2061d71fe2582bb40b712ea028ae8eea&amp;type=3#ShoppingUI" />
    <ui:VisualElement name="root" class="background" style="flex-grow: 1; align-self: auto; justify-content: flex-start; visibility: visible; display: flex; background-color: rgb(19, 22, 41); background-image: url(&quot;project://database/Assets/Pictures/warehouse%20background.jpg?fileID=2800000&amp;guid=0e6e1f9e5a27a7f4b92cfeb711bef52a&amp;type=3#warehouse background&quot;);">
        <ui:VisualElement name="mainManu" style="flex-grow: initial; flex-direction: row; height: auto; width: 90%; margin-top: 5px; margin-bottom: 3px; justify-content: space-around; align-items: flex-start; min-height: auto; flex-shrink: initial;">
            <ui:Button text="Food" name="food" class="MainManuButton" style="background-color: rgba(60, 255, 155, 0.71);" />
            <ui:Button text="Toy" parse-escape-sequences="true" display-tooltip-when-elided="true" name="toy" class="MainManuButton" style="background-color: rgba(255, 85, 85, 0.71);" />
            <ui:Button text="Others" parse-escape-sequences="true" display-tooltip-when-elided="true" name="other" class="MainManuButton" style="background-color: rgba(30, 91, 174, 0.71);" />
        </ui:VisualElement>
        <ui:ScrollView name="itemListView" horizontal-scroller-visibility="Hidden" mode="Vertical" vertical-scroller-visibility="Hidden" touch-scroll-type="Elastic" style="width: 96%; margin-top: 10px; margin-bottom: 5px; background-color: rgba(60, 255, 155, 0.71); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: flex-start; align-self: center; max-height: 70%;">
            <ui:Instance template="Item" />
        </ui:ScrollView>
        <ui:Instance template="back button" name="backButton" style="position: absolute; bottom: 2%;" />
    </ui:VisualElement>
    <ui:Instance template="msgRoot" name="msgRoot" enabled="true" style="position: absolute; width: 100%; height: 100%; opacity: 1; display: flex; visibility: hidden;" />
</ui:UXML>