How to vertically center align my form container in openui5

[Former Member]

Hi I am relatively new to openui5. I am designing a login page. My form is designed with "responsive grid layout". In my form component I have a single "FormContainer". I want that container to be vertically center without any effect to my responsive design.

I want the white box in the center( vertically) of the screen. how can i achieve this without getting my forms responsiveness effected?

I am also attaching my view xml file in text format. .app.txt

My current screenshot:-

[former_member598487]

Hi,

Use Grid,

<l:Grid defaultSpan="L12 M7 S12" width="auto">

<l:content>

<f:SimpleForm id="SimpleFormChange354" minWidth="1024" maxContainerCols="2" layout="ResponsiveLayout" editable="true" visible="true"></f:SimpleForm>

</l:content>

</l:Grid>

[mauriciolauffer]

Put your form inside a box and set the box alignment...

Check this sample out:

https://openui5.hana.ondemand.com/#/entity/sap.m.FlexBox/sample/sap.m.sample.FlexBoxBasicAlignment