fields in 2 columns

<core:View xmlns:core="sap.ui.core"
xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:l="sap.ui.layout"
xmlns:f="sap.ui.layout.form" controllerName="Material_Downgrade.view.updateView"
xmlns:html="http://www.w3.org/1999/xhtml">
<Page class="sapUiSizeCompact">
<content>
<VBox class="sapUiSmallMargin">

<f:SimpleForm id="SimpleFormToolbar"
class="sapUiSizeCompact" editable="true"
layout="ResponsiveGridLayout" labelSpanXL="4" labelSpanL="3"
labelSpanM="12" labelSpanS="12" adjustLabelSpan="false"
emptySpanXL="0" emptySpanL="0" emptySpanM="0" emptySpanS="0"
columnsXL="2" columnsL="2" columnsM="2"
singleContainerFullSize="false" ariaLabelledBy="Title1">

<f:toolbar>
<Toolbar id="TB1">
<Title id="Title1" text="Source" level="H4" titleStyle="H4" />
<ToolbarSpacer />
</Toolbar>
</f:toolbar>

<f:content>
<core:Title text="" />
<Label text="WareHouse" />

<Input id="productInput11" type="Text"
value="Select WareHouse" placeholder="Enter Product ..."
showValueHelp="true" valueHelpOnly="true"
valueHelpRequest="handleValueHelp" width="15rem"
class="sapUiSmallMarginBottom" />

<Label text="Material" />
<Input id="productInput332" type="Text"
value="Select Material" placeholder="Enter Product ..."
showValueHelp="true" valueHelpOnly="true"
valueHelpRequest="handleValueHelp" width="15rem"
class="sapUiSmallMarginBottom" />

<Label text="Batch" />
<Text text="" />

<Label text="Storage Type" />
<Text text="" />

<core:Title text="" />
<Label text="Total Quantity" />
<Text text="" />

<Label text="Storage Bin" />
<Text text="" />

<Label text="Stock Type" />
<Text text="" />

</f:content>
</f:SimpleForm>
</VBox>
</content>
<footer>
<Toolbar>
<ToolbarSpacer />
<Button type="Accept" text="Submit" press="onPressSumbit1" />
<Button text="Reset" icon="sap-icon://refresh"
type="Emphasized" press="onPressReset" />
<Button icon="sap-icon://action" press="onPress" />
</Toolbar>
</footer>
</Page>
</core:View>

Post a Comment

Previous Post Next Post