Skip to Content
Jul 01, 2021 at 08:25 AM

UI 5 XML view - Button Right Alignment


I try to design the UI5 Free style app with XML view. I have the two input and One button on the Page. Onload I want the Button on Right side of my page,

Below the Code I build,

On my view display the Button shown on Left side

			<Page title="{i18n>title}">
				<VBox class="sapUiSmallMargin">
				<f:SimpleForm id="simpleForm" layout="ResponsiveGridLayout" width="100%" columnsXL="1" columnsL="1" columnsM="1" editable="true" emptySpanXL="1" emptySpanL="1" emptySpanM="1" emptySpanS="0" labelSpanXL="1" labelSpanL="1" labelSpanM="1" labelSpanS="1" title="User Login Page">
					<Label text="Employee ID"/>
					<Input placeholder="Enter Emp id" fieldWidth="50%"/>
					<Label text="PassWord"/>
					<Input type="Password" placeholder="Password"/>
				<HBox alignItems="End" width="auto" height="auto" alignContent="End" direction="Row" >
						<f:SimpleForm >
						<Button text="Log In" width="200px" class="sapUiSmallMargin"/>