text area wrapping

Use this board to ask questions or have discussions with other Rich Displays users.
Post Reply
amc
Profound User
Posts: 67
Joined: Thu Jul 29, 2010 1:25 am
First Name: Tony
Last Name: Cusack
Company Name: Welding Industries
City: Adelaide
State / Province: Outside Canada/USA
Zip / Postal Code: 5139
Country: Australia
Location: Adelaide, South Australia
Contact:

text area wrapping

Post by amc »

I have a display file with a text area.

In Chrome & Firefox it works as expected, the text wraps at the edge of the text area.

In IE, it just continues along 1 line.

How do I get it to wrap in IE ?

Thanks & regards
Tony C
Chrome
Chrome
Chrome.png (17.75 KiB) Viewed 605 times
FireFox
FireFox
firefox.png (18.03 KiB) Viewed 605 times
IE
IE
IE.png (3.92 KiB) Viewed 605 times
DaveLClarkI
Experienced User
Posts: 165
Joined: Wed Dec 11, 2013 10:40 am
First Name: Dave
Last Name: Clark
Company Name: WinWholesale, Inc.
Phone: 937-294-5331
Address 1: 31101 Kettering Blvd.
City: Dayton
State / Province: Outside Canada/USA
Zip / Postal Code: 45439
Country: United States
Contact:

Re: text area wrapping

Post by DaveLClarkI »

Which version of IE? The following style works fine for me in IE9 and the other browsers:

Code: Select all

white-space: pre-wrap;
amc
Profound User
Posts: 67
Joined: Thu Jul 29, 2010 1:25 am
First Name: Tony
Last Name: Cusack
Company Name: Welding Industries
City: Adelaide
State / Province: Outside Canada/USA
Zip / Postal Code: 5139
Country: Australia
Location: Adelaide, South Australia
Contact:

Re: text area wrapping

Post by amc »

IE 11 (11.04)

The wrapping occurs as the user types without applying any styles in Chrome & Firefox. I'll try the style suggested.
Scott Klement
Experienced User
Posts: 2711
Joined: Wed Aug 01, 2012 8:58 am
First Name: Scott
Last Name: Klement
Company Name: Profound Logic
City: Milwaukee
State / Province: Wisconsin

Re: text area wrapping

Post by Scott Klement »

What Dave says is correct. In fact, we added that same CSS style into the code in Profound UI on our dev box about a week ago when someone else reported this. It will be included in the next release of Profound UI.

You can easily fix this yourself by editing the following file in the IFS:
/www/PROFOUNDUI/htdocs/profoundui/proddata/css/profoundui.css

Look for the following code (near line 178 in my copy):

Code: Select all

TEXTAREA {
  z-index: 20;
  resize: none;
}
Add in the white-space style so that it now looks like this:

Code: Select all

TEXTAREA {
  z-index: 20;
  resize: none;
  white-space: pre-wrap;  
}
Save your changes. Then, clear your browser cache and try again.
amc
Profound User
Posts: 67
Joined: Thu Jul 29, 2010 1:25 am
First Name: Tony
Last Name: Cusack
Company Name: Welding Industries
City: Adelaide
State / Province: Outside Canada/USA
Zip / Postal Code: 5139
Country: Australia
Location: Adelaide, South Australia
Contact:

Re: text area wrapping

Post by amc »

Thanks Scott & Dave, works like a treat :)
Post Reply

Who is online

Users browsing this forum: No registered users and 5 guests