x Want to participate? Join the group to interact
  • State Verified Answer
  • +1 person also asked this people also asked this
  • Replies 6 replies
  • Answers 1 answer
  • Subscribers 78 subscribers
  • Views 2225 views
  • Users 0 members are here
Browse Forums
Announcements
105
topics
32
replies
General Discussion
6k
topics
18k
replies
Graham MacLeod

Multiline Text fields no longer support word wrapping in 2021 R2

SOLVED
Posted By

In 2020 R2 and all prior versions, the user could see the full text of the note, e.g. Problem Details on a Case entry, while entering the text.  In 2021 R2, the text entered scrolls off the entry area in a single line.  This is not helpful and appears to be a bug.  Is there a workaround?

Parents
  • 0
    SUGGESTED

    Thanks to all who chipped in here.  The new Themes\Custom\RedefinedStyles.css approach works great.  Below are the .css changes we went with - basically "pre-wrap".  The 2nd style resets list columns back so they word wrap as well as Multiline Text fields: again with "pre-wrap" and also set max-width to 50ch vs. 75ch.

    Regarding the list style: I personally like the single-line look-and-feel - it's just cleaner, imo.  However if your list contains several columns, and some column cells contain long strings of text, then the list object itself will run past the right edge of the browser window, as it's simply too long.  The user in this case has to scroll horizontally to the right to see the last column(s) and to access the filter panel.  Users of course hate extra scrolling, so we're opting for function over form, I guess.


    /* Add your CSS customizations to this file. */
    .VIEWBOX >.EDIT {
    /* USI GM: 9/13/21 */
    /* white-space: nowrap; */
    white-space: pre-wrap;
    }
    /*** Grid Content with long text ***/
    .CONTENTGRID td {
    white-space: pre-wrap;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50ch;
    }

Reply
  • 0
    SUGGESTED

    Thanks to all who chipped in here.  The new Themes\Custom\RedefinedStyles.css approach works great.  Below are the .css changes we went with - basically "pre-wrap".  The 2nd style resets list columns back so they word wrap as well as Multiline Text fields: again with "pre-wrap" and also set max-width to 50ch vs. 75ch.

    Regarding the list style: I personally like the single-line look-and-feel - it's just cleaner, imo.  However if your list contains several columns, and some column cells contain long strings of text, then the list object itself will run past the right edge of the browser window, as it's simply too long.  The user in this case has to scroll horizontally to the right to see the last column(s) and to access the filter panel.  Users of course hate extra scrolling, so we're opting for function over form, I guess.


    /* Add your CSS customizations to this file. */
    .VIEWBOX >.EDIT {
    /* USI GM: 9/13/21 */
    /* white-space: nowrap; */
    white-space: pre-wrap;
    }
    /*** Grid Content with long text ***/
    .CONTENTGRID td {
    white-space: pre-wrap;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50ch;
    }

Children

*Community Hub is the new name for Sage City