<f:Form editable="false"> <f:layout> <f:ResponsiveGridLayout labelSpanXL="4" labelSpanL="3" labelSpanM="4" labelSpanS="12" adjustLabelSpan="false" emptySpanXL="0" emptySpanL="4" emptySpanM="0" emptySpanS="0" columnsXL="2" columnsL="1" columnsM="1" singleContainerFullSize="false" /> </f:layout> <f:formContainers> <f:FormContainer> <f:formElements> <f:FormElement label="Telefon"> <f:fields> <Text text="+34 93 222 07 07"/> </f:fields> </f:FormElement> <f:FormElement label="Adresse 1"> <f:fields> <Text text="Rambla de Catalunya 66, 08007 Barcelona, Spanien"/> </f:fields> </f:FormElement> <f:FormElement label="Adresse 2"> <f:fields> <Text text="Am Lauterbach 85, 65232 Taunusstein, Deutschland"/> </f:fields> </f:FormElement> <f:FormElement label="E-Mail"> <f:fields> <Text text="contact@market-control.com"/> </f:fields> </f:FormElement> </f:formElements> </f:FormContainer> </f:formContainers> </f:Form> </VBox> <VBox class="sapUiSmallMargin" width="45%" alignItems="Center"> <Title text="Kontaktformular"/> <f:Form editable="true"> <f:layout> <f:ResponsiveGridLayout labelSpanXL="4" labelSpanL="3" labelSpanM="4" labelSpanS="12" adjustLabelSpan="false" emptySpanXL="0" emptySpanL="4" emptySpanM="0" emptySpanS="0" columnsXL="2" columnsL="1" columnsM="1" singleContainerFullSize="true" /> </f:layout> <f:formContainers> <f:FormContainer> <f:formElements> <f:FormElement label="Name"> <f:fields> <Input id="nameInput" placeholder="Ihr Name"/> </f:fields> </f:FormElement> <f:FormElement label="E-Mail"> <f:fields> <Input id="emailInput" placeholder="Ihre E-Mail" type="Email"/> </f:fields> </f:FormElement> <f:FormElement label="Nachricht"> <f:fields> <TextArea id="messageInput" placeholder="Ihre Nachricht" rows="4"/> </f:fields> </f:FormElement> <f:FormElement> <f:fields> <Button text="Senden" press="onSendEmail" class="sapUiSmallMarginTop"/> </f:fields> </f:FormElement> </f:formElements> </f:FormContainer> </f:formContainers> </f:Form> </VBox> </HBox> </VBox> </mvc:View>