SA-12935

Summary

When checking any repeat grid in mobile screen or mobile preview, longer text from grid column header does not wrap. It overlaps with control field next to it or text, if it is read-only mode. Wrap text does not work. It works until the data is displayed in the grid format and overlaps as the data turns in to fat list.

Error Messages

Not Applicable

Steps to Reproduce

Check a repeat grid, where the grid column header contains a long text, in mobile screen or mobile preview.

Root Cause

The root cause of this issue is the spreadsheet style which has Label width set as 80px and hence, the text could not be adjusted in that width.
 

Resolution

This issue is resolved through the following local-change:

Modify below in responsive-overrides.css as additional style to skin.

div.default .grid-responsive-default #gridBody_right .gridTable tr.cellCont td.gridCell {
position: relative;
height: auto !important;
padding-left: 12em;
border: none;
background-color: transparent;
color:#000;
}

Increase the padding-left to 12em from default 8.5em.