Hybrid View

  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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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".

Thread Participants: 3

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar