Problem with h:selectOneRadio in IE

[narvava]

Hi All,

I have been struggling with this problem for months. I am using h:selectOneRadio which contains three radio buttons. By default all three are disabled.

On selection of some values in rich:combo box , rerendering these radio buttons and enabling them. This functionality is working fine. But along with this three radio buttons arrangement is getting changed. This is working fine with FF. Wherever I use h:selectOneRadio I face this problem in IE.

Any suggestions would highly appreciable.

Regards,

Naresh.

[narvava]

Hi,

Please, atleast one suggestion that could work?.

Regards,

Naresh.

[boy18nj]

Hi Naresh,

I guess, on first page load, the buttons are arranged properly, if this is true. On selection of some value in rich:combox, could you rerender the whole contaniner outside rich:combox?

[narvava]

Hi Aman,

Thanks for your reply. No success  yet.

Regards,

Naresh.

[nbelaevski]

Hi Naresh,

Can you please post screenshot of the problem?

[narvava]

Hi Nick,

Thanks for your reply. Here I have a combo box and radio button group. Once I select the value in combo box , rerendering radio buttons to make it enable. Along with enabling, its getting rearranged. The problem is wherever I rerender radio buttons, alignment is getting changed in IE.

Is there any specific problem with h:selectOneRadio in IE. I have been trying to figure it out for months but as if nobody had it ever, could not get it from google.

Regards,

Naresh.

[boy18nj]

Hi Naresh,

I think the width of selected value in combo box increases when you select "Dashboard group", that's why all the components used in a row overflows to the next row.

I would advise you, select the shorter value in combo box example "abcdef", then see  how things work. If this works, then you can increase the width of comboxbox and panelGroup.

[narvava]

Hi Aman,

This is not the case with me. I checked this. What I observed is whenever I rerender radio button, the alignment of the radio button and its surrounding components is getting changed.

Ex : I have a single radio button with some label. When I rerender this radio button the label is going below to the radio button.

[nbelaevski]

Naresh,

h:selectOneRadio is rendered as table, so it's very strange that it's aligned as you've shown after AJAX update. Please try checking your page with HTML validator and also check usin DOM inspector whether table is there after AJAX update.

[javaxchange]

Naresh,

As mentioned above when re-rendering that component, the width of the component is not fitting in the parent container. Put the whole row in a panelGrid having two or more columns, give fixed width for the paenlGrid, define columnClasses and in columnClass for the column which contains your h:selectOneRadio component, give style "text-align:left". This will fix your issue and will automatically wrap to the next row when it grows.