1. #1
    Sencha User
    Join Date
    Apr 2011
    Posts
    9
    Vote Rating
    0
    rosez is on a distinguished road

      0  

    Default Unanswered: Radio buttons in multiple lines

    Unanswered: Radio buttons in multiple lines


    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.

  2. #2
    Sencha User
    Join Date
    Jun 2011
    Location
    Iasi, Romania
    Posts
    144
    Vote Rating
    0
    Answers
    5
    catalin.ciobanu is on a distinguished road

      0  

    Default


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

  3. #3
    Sencha User
    Join Date
    Apr 2011
    Posts
    9
    Vote Rating
    0
    rosez is on a distinguished road

      0  

    Default


    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

  4. #4
    Sencha User
    Join Date
    Jun 2011
    Location
    Iasi, Romania
    Posts
    144
    Vote Rating
    0
    Answers
    5
    catalin.ciobanu is on a distinguished road

      0  

    Default


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

  5. #5
    Sencha User
    Join Date
    Apr 2011
    Posts
    9
    Vote Rating
    0
    rosez is on a distinguished road

      0  

    Default


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

  6. #6
    Sencha User
    Join Date
    Jun 2011
    Location
    Iasi, Romania
    Posts
    144
    Vote Rating
    0
    Answers
    5
    catalin.ciobanu is on a distinguished road

      0  

    Default


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

    Code:
    setOrientation( ------ ) Orientation.HORIZONTAL/Orientation.VERTICAL
    To control each of the members ... that's difficult if not impossible.

  7. #7
    Sencha User
    Join Date
    Apr 2011
    Posts
    9
    Vote Rating
    0
    rosez is on a distinguished road

      0  

    Default


    Orientation fails to solve my issue. Actually is something different

  8. #8
    Sencha User
    Join Date
    Jan 2012
    Posts
    1
    Vote Rating
    0
    faddap is on a distinguished road

      0  

    Thumbs up columns config for radiogroup did the work for me

    columns config for radiogroup did the work for me


    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

Thread Participants: 2