PuppyClient/Assets/Scenes/Login/InitDogUI.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="True">
    <ui:Template name="confirmArea" src="project://database/Assets/UI%20Toolkit/UI%20template/confirmArea.uxml?fileID=9197481963319205126&amp;guid=030fcebdf097b964ebdb70bc2362ffa6&amp;type=3#confirmArea" />
    <Style src="project://database/Assets/UI%20Toolkit/Style/rootStyle.uss?fileID=7433441132597879392&amp;guid=b30eb17a0ca8bf64087af4e59d565fdd&amp;type=3#rootStyle" />
    <ui:VisualElement name="root" class="rootStyle" style="background-image: none;">
        <ui:VisualElement name="VisualElement" style="flex-grow: initial; background-color: rgba(253, 251, 251, 0.63); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;">
            <ui:TextField label="Dog name:" max-length="16" hide-placeholder-on-focus="false" name="name" class="TextField textField" style="height: auto; -unity-text-align: middle-left; -unity-font-definition: url(&quot;project://database/Assets/Font/MaoKenZhuYuanTi-MaokenZhuyuanTi-2.ttf?fileID=12800000&amp;guid=50a63638b44907e46a3fa871d63b7d39&amp;type=3#MaoKenZhuYuanTi-MaokenZhuyuanTi-2&quot;); margin-top: 0;" />
            <ui:DropdownField label="Breed" name="breed" class="dropdownField" />
            <ui:DropdownField label="Sex" name="sex" choices="Male,Female" class="dropdownField" />
            <ui:VisualElement style="flex-grow: 1; flex-direction: row; justify-content: space-between;">
                <ui:VisualElement name="VisualElement" style="flex-grow: initial; background-image: url(&quot;project://database/Assets/Packages/2D%20Casual%20UI/Sprite/GUI.png?fileID=21300042&amp;guid=1eaee135ce037439d925cee5e41ce026&amp;type=3#GUI_21&quot;); width: 30px; height: 30px; flex-shrink: initial; max-width: 100%; max-height: 100%; margin-left: 49px; margin-bottom: 2px;" />
                <ui:Label name="price" style="margin-right: 120px;" />
            </ui:VisualElement>
            <ui:Label text="* error message&#10;* message 2" name="error_msg" class="err_msg" style="border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; display: none;" />
        </ui:VisualElement>
        <ui:VisualElement name="arrowArea" style="flex-grow: 1; height: auto; min-height: auto; flex-direction: row; justify-content: space-between; align-self: auto; align-content: flex-start; align-items: center;">
            <ui:Label text="⬅" name="leftArrow" class="arrow" style="visibility: hidden;" />
            <ui:Label text="➡" emoji-fallback-support="false" name="rightArrow" class="arrow" style="visibility: hidden;" />
        </ui:VisualElement>
        <ui:Instance template="confirmArea" name="confirmArea" style="bottom: 0; position: absolute; width: 100%;">
            <AttributeOverrides element-name="cancel" enabled="true" />
        </ui:Instance>
    </ui:VisualElement>
</ui:UXML>