Support Article

Line at the bottom of grid not appearing with UI-Kit:07

SA-31343

Summary



The bottom border line of grid layout is not appearing when the UI-Kit:07-01 ruleset is included in the application ruleset stack. It occurs for out of the box grid layouts also. 


Error Messages



Not applicable


Steps to Reproduce

  1. Add the UI-Kit:07-01 ruleset to the application ruleset stack. 
  2. Create a section and include a grid layout sourced from a report definition with spreadsheet style format.
  3. Launch the user portal. 


Root Cause



This issue was determined as a product enhancement request.

​The look and feel of grid layout has been enhanced in UI-Kit:08 which would be packaged under Pega 7.2.2. In UI-Kit:08, the end user skin has been modified with new looks; whereas UI-Kit
:07 has a lightweight style by neglecting border appearance in grid.     
 

Resolution



Perform the following local-change:

Add the following code to UserWorkForm section to reflect the bottom border line in the grid layout. 

<style>
.gridTable > tbody > tr:last-child > td.gridCell,
.gridTable > tbody > tr:last-child li.gridRow:last-child > ul.rowContent {
border-bottom: 1px solid #BBBBBB !important;
}
</style>


 

 

Published December 13, 2016 - Updated December 23, 2016

Have a question? Get answers now.

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