Support Article
TreeGrid : Partial Cross Mark at drop down column
SA-2218
Summary
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.
Resolution
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.
Published January 31, 2016 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.