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

TreeGrid : Partial Cross Mark at drop down column



Issue with partial displaying of the Cross Mark in the screen. The issue occurs when there are any validation errors in Tree Grid. Only partial Cross mark is seen for the Drop Down selected.

Steps to Reproduce

1. Create Tree Grid , With 2 drop down columns.
2. Create Validations for 2nd column drop down on click of submit button
3. Click on Submit button , validation should fire and view the Red Cross mark.
4. Only Partial cross mark is visible

Root Cause

The root cause of this problem is software use/operation error.

OOTB style of error icon (Red ‘X’ image) is overridden by user implementation. Half of the Red X is only visible at user portal.


This issue is resolved through the following local change: 

We have overridden the OOTB style with the below code snippet.
                       <style>DIV.gridDefault DIV.iconErrorDiv{left: -13px !important;}</style>.
To use the above code snippet, We have done following steps :
1) Create a new section. The section's auto-generated html checkbox must be unchecked and write the above code snippet in the HTML tab of the section.

2) Drag the above created section in the section where the issue is reproducible. 
Suggest Edit

Published January 31, 2016 - Updated October 8, 2020

Did you find this content helpful? Yes No

Have a question? Get answers now.

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

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