Radio Buttons are either overlapping or not aligned with label(i.e.Question, SS attached) next to it in some screens.

User Experience
, , , , , ,
1

Radio Buttons are either overlapping or not aligned with label(i.e.Question, SS attached) next to it in some screens. Issue appearing after Pega Upgrade to version 8.4.1

Edited by Moderator Marissa to update Platform Capability tags*

Pega Community Screenshots.docx (295 KB)

2
  1. Below change will be applied for all the radio buttons across your application

Add the below code in the UserWorkForm for removing overlapping.(try by adjusting the pixels size based on your requirement)
div.radioTable span{

margin-top: 9px;

margin-right: 9px;

}

  1. For changes specific to a Radio Button, try giving right & top padding or margin in Presentation tab in the Cell Properties of that particular control.
3

Hi abhirajg,

Thank you for your response.

Issue got resolved by below steps:

  1. Checked the Wrap Text option under Presentation tab for Label Cell Properties. This made the Label and Radio button appear in one line.

  2. Radio buttons overlapping was fixed by increasing the cell width in Advanced Presentation Options under Presentation tab of Radio Button Cell Properties.

Thank you,

Pritam