3

How do you wrap the text automatically? I have tried several approaches but none of them it works.

Data type for the Description field is: Rich Text Area(131072)

Visualforce page:

<apex:outputText value="{!SUBSTITUTE(description,'\n','\\\n')}"            
                      escape="false" style="white-space:pre;"/>

Controller:

 public String Description {get;set;}

in the controller constructor:

 myobject__c = /*soql*/
 Description = myboject__c.Description__c;

Screen shot:

enter image description here

  • Can you be more specific about what the problem is? Do you just have one super long line and need it to wrap? – Adrian Larson Jan 2 '17 at 16:24
  • I thought I explained but yes I'm looking to wrap the long line. – Nick Kahn Jan 2 '17 at 16:25
  • Try changing the white-space style to pre-wrap... – Adrian Larson Jan 2 '17 at 16:28
  • That looks like Lightning? Are you using slds-vf? – sfdcfox Jan 2 '17 at 16:34
  • @AdrianLarson: it does work :) please post that as answer – Nick Kahn Jan 2 '17 at 16:37
4

You need to set your white-space style to pre-wrap. Take a look at the CSS white-space Property:

normal
Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. This is default

nowrap
Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br> tag is encountered

pre
Whitespace is preserved by the browser. Text will only wrap on line breaks. Acts like the tag in HTML

pre-line
Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks

pre-wrap
Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks

initial
Sets this property to its default value. Read about initial Play it » inherit Inherits this property from its parent element. Read about inherit

  • 2
    Technically, the correct method is to use slds-wrap, explained here. – sfdcfox Jan 2 '17 at 16:46

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.