You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

Tip Tuesday : Wrap cell content in all vertical arrays and the Line Item Grid (LIG)

edited Feb 28, 2023 6:43PM in Configure Price Quote 2 comments

For vertical arrays and the Line Item Grid (LIG) here are 2 simple CSS rules you can add to enable wrapping text in all cells by default, so users don't have to select the option:

/* Wrap text in all cells */
/* Set height to auto for rows and cells in each row */
cpq-table:not(.cpq-table-direction-horizontal) div.cpq-table-column-header-cell,
cpq-table:not(.cpq-table-direction-horizontal) .cpq-table-body-row,
cpq-table:not(.cpq-table-direction-horizontal) .cpq-table-data-cell{
    height: auto;
/* Set white-space to normal for all cells to enable wrapping text */
/* Remove the overflow-wrap property if you only want to wrap at word breaks */
cpq-table:not(.cpq-table-direction-horizontal) .oj-table-column-header-text,
cpq-table:not(.cpq-table-direction-horizontal) .cpq-table-data-cell{
    white-space: normal;
    overflow-wrap: anywhere;

Howdy, Stranger!

Log In

To view full details, sign in.


Don't have an account? Click here to get started!