InfoPath TextBox isn’t wrapping – fix

I’ve run into the issue documented in this thread where the text just falls off to the right hand side of a text box and you cannot see it, as in this screen shot where there is more text off to the right.

The answer was found on the bottom of page 2 of the thread and is as follows…

After working with a MS Engineer (shout out to Dan Li!), I got it working! Here are my steps to fix this bug.

Prep (only needs to be done once in the domain):

1. In NOTEPAD, create a new text file and name it textarea.css. Remove the .TXT if it is there.
2. Open the CSS file and add the following exactly as follows: textarea { white-space: pre-wrap !important; word-wrap: break-word !important; }
3. Save the file.
4. Go to https://xxxx.sharepoint.com/Style%20Library, create a folder named CSS
5. Upload the textarea.css file into the new folder

Settings every time a form is created using a textbox in a new site collection.

1. “Site settings” > “Site Collection Administration” > “Site collection features”
   1. “SharePoint Server Publishing Infrastructure”, click Activate. Will be slow!
2. “Site Settings” > “Site Actions” > “Manage site features”
   1. “SharePoint Server Publishing”, click Activate.
3. “Site Settings” > “Look and Feel” > “Master Page”
   1. Expand Alternate CSS URL if collapsed
   2. Select: Specify a CSS file to be used by this site and all sites that inherit from it: (in my case it was set to the first choice of “Inherit Alternate CSS URL from parent of this site”)
   3. Enter the following into the All Channels box: /Style Library/CSS/textarea.css
   4. Check the box for: Reset all subsites to inherit this alternate CSS URL
   5. Click OK to save it.

That’s it!

Kevin

Credit this solution to Kevin