Multi-Lines of Text Word Wrap

[Kyle Vaske]

How do you set up so that in Multi-Lines of Text field types, the text box wraps at a certain length of characters or when the width of the box has been reached? Currently it just continues to expand to the right for as long as you continue typing.

I will attach a screenshot of what is happening.

Attachments:

1. 

   No-Text-Width.png
   

2. 

   After-typing-no-wrap.png
   

[Alexander Bautz]

Hi,
You can try adding this to the custom CSS in the Misc tab:

div.ms-rtestate-write{
	max-width:400px;
	word-wrap: break-word;
}

The class “ms-rtestate-write” is from the enhanced rich text field in SP2013 – use the developer tools (hit F12) to inspect the textarea (or div) to find the correct identifier.

Alexander

[Kyle Vaske]

Utilizing that CSS class, it restricts the width of the text box boundary, but now the text exceeds the boundary and just keeps going to the right. See screenshot attached. I am using SP2010 currently as well.

Attachments:

1. 

   Text-Box-Image.png
   

[Alexander Bautz]

I cannot recreate this issue so its hard to tell why this is happening. You must try to tinker with the CSS to see if you get the text to wrap properly.

Alexander

[Alexander Bautz]

Hi,
After looking at it in your site I was able to recreate it. This is actually caused by the fact that the div (the textarea you write in) inherits from the side-by-side td where white-space:nowrap is configured.

To correct this, you must add this to the appropriate field(s) in the “Field CSS” in the DFFS backend:

div.ms-rtestate-write{
white-space:normal !important;
}

Let me know if this helps,
Alexander

[Kyle Vaske]

I have put this class into the “Field CSS” backend, and taken it out of the Misc tab and this still does not work, as it still expands to the right as far as needed. I will screenshot the configuration.

The first is the set up in the Field CSS tab, and the second is the Misc tab.

Attachments:

1. 

   Field-CSS-Tab.png
   

2. 

   Misc-Tab-CSS.png
   

[Author]

Posts