Radio buttons in multiple lines

[rosez]

Hello,
I need to display a group of radio buttons in multiple lines in a FormPanel, how can i do it? I have 16 radio buttons and i can't leave it in a single line.

[catalin.ciobanu]

you should take a look over the layouts here and chose the one that fits best for your needs

[rosez]

Radio rd1=new Radio();
Radio rd2=new Radio();
Radio rd3=new Radio();
Radio rd4=new Radio();

RadioGroup grp = new RadioGroup();
grp.add(rd1);
grp.add(rd2);
grp.add(rd3);
grp.add(rd4);
form.add(grp);

ok, this is the normal usage using Radio buttons and forms. Add RadioGroup which contains all radio buttons to the form. How can i draw those 4 radio buttons into two lines -instead of one- in my form?


Catalin I don't understand how it helps with the solution

[catalin.ciobanu]

For a fast but not so elegant solving, you could do 2 groups of radios ... I just hope that's not the only solution.

[rosez]

This solution is ok but you will lose the mutually exclusive behaviour...but maybe you can do it manually.

[catalin.ciobanu]

Well I think the only implemented control over the "looks" of a RadioGroup it's this one:

setOrientation( ------ ) Orientation.HORIZONTAL/Orientation.VERTICAL

To control each of the members ... that's difficult if not impossible.

[rosez]

Orientation fails to solve my issue. Actually is something different

[faddap]

Hello,

I just have been searching about a solution to the same problem and just wanted to inform you, that
{
...
xtype: 'radiogroup',
columns: 1,
items: [...]
...
}
did the trick for me.

Good luck,
Ivan