Notifications

7 views

Symptoms

On Service Portal Page, catalog Item names appear broken into two -three lines as seen in the screenshot attached.

Release

All

Cause

Property 'break-word' in CSS causes words to break and wrap onto the next line. To verify if this property is added, inspect the name of the catalog item breaking and look for <div class= "break-word">

Resolution

.break-word > a {
word-wrap: normal !important;
}

  1. If the widget being used is customized (not Out-Of-Box), the above script can be added to the CSS section of script for the widget.
  2. If widget being used is Out-Of-Box, add the above-mentioned script to the 'Page Specific CSS' section of the Page (where widget being used is added)

Additional Information

Please see the attached screenshots for better understanding of issue.

Article Information

Last Updated:2019-07-10 13:56:43
Published:2019-07-02
Name_view_broken.pngNAme_view_proper.png