Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Radio buttons do not display correctly in grids in Windows 10

SA-59371

Summary



In Windows 10, radio buttons do not display correctly in the grids. This occurs when using the Internet Explorer 11.




Error Messages



Not Applicable.


Steps to Reproduce

  1. Create a section with a repeating grid layout and one of the columns in the grid should be a radio button
  2. Add another radio button in the same section outside the grid
  3. Create a case in Windows 10 using Internet Explorer 11 touch screen laptop
  4. Run the flow


Root Cause



This is a known issue with Internet Explorer 11 on touchscreen devices. It treats desktops as a tablet and for a tablet or phone use cases, special styles are applied to radio buttons which results in the incorrectly display.


Resolution

Perform the following local-change: 

Add the below code to UserWorkForm:


<style> 
.ie11.tablet td.gridCell input[type='radio'] { 
visibility: visible; 


.ie11.tablet td.gridCell [data-ctl='RadioGroup'] input[type='radio'] { 
visibility: hidden; 


</style>




 

Published July 31, 2018 - Updated October 8, 2020

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us