1. #1
    Ext User
    Join Date
    Jul 2008
    Location
    Budakeszi/Hungary
    Posts
    16
    Vote Rating
    0
    LouiSe is on a distinguished road

      0  

    Default [2.2] RadioGroup, boxLabel width

    [2.2] RadioGroup, boxLabel width


    Thanks for the RadioGroup feature guys!

    So there is three little problems:
    - when rendering with a long (longer than section width) boxLabel, the space between radios isn't increased
    - fieldLabel is missing for TextField in "layout: column"
    - TextField width ignored when a long boxLabel presents

    Examples:

    Code:
    var contractingAuthorityTypeOther = new Ext.form.TextField({
    	fieldLabel: 'Description',
    	disabled: true,
    	width: 200,
    	name: 'contractingAuthorityTypeOther'
    })
    Code:
    var F02_N01_2 = new Ext.form.FieldSet({
        ...
        layout: 'column',
        defaults: {
            columnWidth: '.5',
            border: true,
            width: TEXT_INPUT_WIDTH
        },
        ...
    Code:
       items: [{
            xtype: 'radiogroup',
    	allowBlank: false,
    	hideLabel: true,
    	vertical: true,
            columns: 1,
            items: [{
                checked: false,
                boxLabel: LANG_FORM_F02CONTRACT_N01_2_1_1,
                name: 'contractingAuthorityType',
                inputValue: '1'
            },
            ...
            contractingAuthorityTypeOther
    	]
    Just like the left section on attached image (radiogroup_boxlabel.jpg).
    Attached Images
    http://louise.hu / poetry / development / C, Java, JavaScript, HTML / ExtJS / Alfresco

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    98
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Issue 1:
    No comment.

    Issue 2:
    This is by design. A field doesn't render a fieldLabel, the container with layout:'form' does.

    Use:

    Code:
    {
      xtype: 'panel',
      layout: 'form',
      items: contractingAuthorityTypeOther
    }
    Issue 3:
    Doesn't apply when using code from issue 2.

  3. #3
    Ext User
    Join Date
    Jul 2008
    Location
    Budakeszi/Hungary
    Posts
    16
    Vote Rating
    0
    LouiSe is on a distinguished road

      0  

    Default


    Thanks for your answer, but Issue #1 is most important for me!

    Is this a by-design effect, or a bug in current Ext2.2 release?

    Any workaround?
    http://louise.hu / poetry / development / C, Java, JavaScript, HTML / ExtJS / Alfresco

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    98
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    You could use this workaround:

    Code:
    <style type="text/css">
    .x-form-check-group .x-form-check-wrap,
    .x-form-radio-group .x-form-radio-wrap {
    	height: auto;
    }
    </style>

  5. #5
    Ext User
    Join Date
    Jul 2008
    Location
    Budakeszi/Hungary
    Posts
    16
    Vote Rating
    0
    LouiSe is on a distinguished road

      0  

    Default


    Thanks again! Works perfectly.
    http://louise.hu / poetry / development / C, Java, JavaScript, HTML / ExtJS / Alfresco

  6. #6
    Sencha User
    Join Date
    Dec 2010
    Posts
    29
    Vote Rating
    0
    sothea is on a distinguished road

      0  

    Default How to put width of each radio box in radiogroup?

    How to put width of each radio box in radiogroup?


    This is my code:
    items:[{
    xtype: 'radiogroup',
    id: 'exp_type',
    columns: 4,
    width:850,
    height:30,
    cls:'radiogroup',
    items: [new Ext.form.Radio({
    boxLabel: 'computer ',
    name: 'base',
    inputValue:'sig',
    width:80,
    cls:'test',
    checked:true,
    id:'radio_sig'
    }),
    new Ext.form.Radio({
    boxLabel: 'software ',
    name: 'base',
    width:80,
    inputValue:'con'
    }),
    new Ext.form.Radio({
    boxLabel: 'Export courrier ',
    name: 'base',
    inputValue:'cour'
    }),
    new Ext.form.Radio({
    boxLabel: 'computer and sofeware ',
    name: 'base',
    width:150,
    inputValue:'mail'
    })]
    }]

    It is not work for attribute "width" and "cls".

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

      0  

    Default


    With this answer, I also overcome my problem.

    modern bar stools | modern decor

Thread Participants: 3