Results 1 to 2 of 2

Thread: [Ext 4.1 beta 3] Incorrect layout on Radiogroup with columns

    You found a bug! We've classified it as EXTJS-5619 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Mar 2010
    Vote Rating

    Default [Ext 4.1 beta 3] Incorrect layout on Radiogroup with columns

    I've noticed an error in 4.1 beta 3 relating to radio groups that was NOT present in 4.0.7. As far as I can tell this doesn't relate to any of the API changes stickied at the top of this forum.

    According to the documentation, a radiogroup can accept a column parameter which can be either
    a) A float
    b) An integer
    c) An array of floats/integers where floats represent proportional widths and integers fixed widths.!/api/Ext.form.RadioGroup-cfg-columns

    When going with option c) the layout gets completely stuffed up (almost as if the columns were treating the floats as fixed widths).

    Here is a screenshot demonstrating the problems under 4.1.0 beta 3 with FF.


    Here is an example pulled from the radiogroup documentation (and modified slightly)

    Ext.create('Ext.form.Panel', {
        title: 'RadioGroup Example',
        width: 300,
        height: 125,
        bodyPadding: 10,
        renderTo: Ext.getBody(),
            xtype: 'radiogroup',
            fieldLabel: 'Two Columns',
            // Arrange radio buttons into two columns, distributed vertically
            columns: [0.5, 80],
            vertical: true,
            items: [
                { boxLabel: 'Item 1', name: 'rb', inputValue: '1' },
                { boxLabel: 'Item 2', name: 'rb', inputValue: '2', checked: true},
                { boxLabel: 'Item 3', name: 'rb', inputValue: '3' },
                { boxLabel: 'Item 4', name: 'rb', inputValue: '4' },
                { boxLabel: 'Item 5', name: 'rb', inputValue: '5' },
                { boxLabel: 'Item 6', name: 'rb', inputValue: '6' }

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL
    Vote Rating


    Thanks for the report. This bug only appears when you have columns : [0.5, 80]. If you have [80, 0.5] then it works fine. I have opened a ticket.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts