Question


Toyota
US
Last activity: 3 Dec 2018 19:09 EST
IE11 unable to select Radio buttons in 7.3
Hi,
The radio buttons in IE11 do not work as expected, specifically, we are unable to select a radio button, similar issues were reported and we tried the solution at https://community.pega.com/support/support-articles/radio-button-not-visible-ie11 but that screwed the UI as below:
Looks like the UI is adding a check:before to the element.
Please suggest a solution or workaround we could use.
Thanks,
Mounica Ch
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
Accepted Solution


Express Scripts
US
i got solution for this..
<style>
.ie11.tablet td.gridCell input[type='radio'] {
visibility: visible;
}
.ie11.tablet td.gridCell [data-ctl='RadioGroup'] input[type='radio'] {
visibility: hidden;
}
</style>


Pegasystems Inc.
US
There must be something unique about your situation. Radios work fine with IE11. Are you running under and non-standard mode?
Hit F12 and show what is on the emulation tab.


Toyota
US
Hi Rett,
Its the default mode :
Also attaching the style applied:


Pegasystems Inc.
US
Hi Mounica,
Can you please explain more. I mean when you are trying to select a radio button, is the dot disappearing.
If yes, can you try creating a simple flow and in a section. use radio button, use a local list and verify the use case.
In your scenario, are you using some refresh section/row? Please let us know.
Regards,
Rachit


Toyota
US
Hey Rachit,
We can just see the radio button but just cannot select it. We do have a refresh section enabled on the radio buttons.
Thanks,
Mounica Ch


Pegasystems Inc.
US
What is the source of the list? Maybe for testing purpose, you can use a local list.
Also, check the clipboard if the radio button values have space in the beginning. I have seen issues where because of space, users were not able to select a radio button.
Also, check what happens when you remove Refresh Section.


J.P. Morgan Services India PVT Ltd
IN
hello,
Is this working in UI gallery, please check the behavior there.


Pegasystems Inc.
IN
Hi Mounica,
Yes, you can try checking OOTB radio button in UI gallery. Also wanted to check if have you recently upgraded your application? Or added any HFixes?


Express Scripts
US
Hi all, it is not working in Peg 722 as well.
if we launch UI Gallery it is working fine. but same section if we add in portal we are able to see this issue.


Cognizant
US
Hi Mounica,
could you give the complete version of IE which you are using
as IE 11.371.x radio buttons are not working and rest of IE versions its working


Express Scripts
US
IE 11.2248.14393.0
Accepted Solution


Express Scripts
US
i got solution for this..
<style>
.ie11.tablet td.gridCell input[type='radio'] {
visibility: visible;
}
.ie11.tablet td.gridCell [data-ctl='RadioGroup'] input[type='radio'] {
visibility: hidden;
}
</style>


Rulesstack Solutions LTD
US
this works perfectly on 7.3 as well


Express Scripts
US