Support Article

Radio button overlaps with the validation error icon



When user uses an inline grid triple dynamic layout, the radio button is overlapping it's validation error icon when it triggers.

Hence user is unable to see the error even when error triggers. User faces this issue both in Internet Explorer and Chrome browsers.

Error Messages

Not Applicable

Steps to Reproduce

1. Create a dynamic layout with inline grid triple format.
2. Add a radio button to it with two or three options.
3. Check Required check box.
4. Refresh the section without selecting any value in radio buttons. See that Validation error icon is overlapped by first radio button and hence it will not be visible.

Root Cause

A defect in Pegasystems’ code or rules.

When a Dynamic Layout is set to "Inline Grid Triple" layout format, error icon of a control is overlapped by previous control present in Dynamic layout.


Perform the following local-change:

In the presentation tab of the dynamic layout, change the layout mode to "Flex box" to resolve the issue.

Published April 30, 2017 - Updated May 14, 2017

Have a question? Get answers now.

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