CODEWITHSUNDEEP
sapui5
Dibya Ranjan
Dibya Ranjan

Reputation: 90

Aligning a form to center that is inside a VBox

I have a simple form, that is inside a VBox. Now if I try to set Align Items to Center, the form in desktop view breaks down to Label and Input in separate lines. However if alignitems is set to "Stretched" it works fine, but since I have custom width for Input Boxes, I need to align it to the center in Mobile View as well. Please Help.

Upvotes: 0

Views: 1188

Answers (1)

n01dea
n01dea

Reputation: 1580

Do it with custom CSS. Add in your manifest.json within the sap.ui5 property this 

"resources": {
    "css": [
        {
            "uri": "css/style.css"
        }
    ]
}

Give your Simple Form in the view an ID. Create the style.css at the in the manifest.json given uri. Access the Simple Form within the style.css. Align it via the style.css to the center, e.g. margin: 0 auto;

Upvotes: 1

Related Questions