SAPUI5 vertical alignment Radiobuttongroup

Question

Is there a way to create a radiobuttongroup with vertical alignment?

What I did is I created a verticalLayout around my radiobuttongroup shown in the picture below.

What I recieve is this:

What I want is this:

O a O b

How can I do that using a JavaScript-view in sapui5?

Answer 1

Its the columns property which determins how many RadioButton Items will be shown in a single row. Check the below link: https://openui5.hana.ondemand.com/docs/api/symbols/sap.ui.commons.RadioButtonGroup.html#getColumns .

For you Code, since there are only 2 items, you can set the columns property in the RadioButtonGroup to 2.

var oRBG = new sap.ui.commons.RadioButtonGroup({
            columns :2

        });