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
    Posts
    12
    Vote Rating
    0
      0  

    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.

    http://docs.sencha.com/ext-js/4-0/#!/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.

    extjs-radiogroup.png

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

    Code:
    Ext.create('Ext.form.Panel', {
        title: 'RadioGroup Example',
        width: 300,
        height: 125,
        bodyPadding: 10,
        renderTo: Ext.getBody(),
        items:[{
            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
    Location
    Gainesville, FL
    Posts
    39,324
    Vote Rating
    1297
      0  

    Default

    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!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

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
  •