View Full Version : radio group not being displayed in chrome and ie

7 Jan 2013, 11:44 PM
hi this is my radio group in extjs which is being renered in firefox , and i analysed in chrome the width of column inner is coming 0px thats why it is not showing in chrome.

this.field = new Ext.form.RadioGroup({
columns: 2,
vertical: false,
id: metaid,
items: [ {boxLabel: 'Yes', name: 'rb', inputValue: 1, checked:checkval1}, {boxLabel: 'No', name: 'rb', inputValue: 0, checked:checkval2} ]

i tried many combination but it didn't showing :(
pls give me exact thing what can help.. it is ext old version 2.2 (something )

8 Jan 2013, 5:21 AM
I noticed that you aren't declaring a width for your RadioGroup. This means that sizing of the RadioGroup will be determined by the parent container and its layout.

8 Jan 2013, 9:40 PM
hi ,

thanks for reply it got displayed in chrome after giving width , actually i tried before giving width , due to cache issue in our product might i was not able to see result ..

now the issue is

<div class="x-form-element" id="x-form-el-ext-comp-1059" style="padding-left: 105px; width: 0px;"> <div class="x-form-radio-wrap x-form-check-checked" id="ext-gen302"> <div tabindex="0" class="x-form-radio-wrap-inner " id="ext-gen301"><img src="http://rahulm/PHN20/sprint_1/project/views/templates/default/plugins/images/default/s.gif" class="x-form-radio" id="ext-gen304" alt="" /><input type="radio" autocomplete="off" id="ext-comp-1059" name="rb" class=" x-form-radio x-form-field x-hidden" tabindex="0" value="0" checked="" alt="" /><label for="ext-comp-1059" class="x-form-cb-label" id="ext-gen303">No</label></div> </div> </div>

the width to form-element in chrome is coming 0px , so Yes and No label in chrome are going down , please help in this regard , i tried giving some width but not working ..

27 Jun 2017, 10:20 AM
Rahul, what fix you did for this issue?