Appended Text Wrap for Multiple Line text field

rss

Posted by Jdubs - Apr 2 ’15 at 03:35

I have Multiple Line text field in which I've set the "Append Changes to Existing Text" option to "Yes."

It works great, but the appended Notes do not wrap underneath the Text Box, and make the SP Form grow in length indefinetly.

How do I make the appended text wrap?

 

Here's a screenshot:

https://onedrive.live.com/redir?resid=cc7fb25d5ea9d083!4399&authkey=!AKwkNZ-SOc1YQWw&v=3&ithint=photo%2cpng

  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 9 years 8 months 7 days
    #1 by Dmitry Kozlov Apr 3 ’15 at 04:03

    Hi,

    Please, assign a CSS class to the text field, say, my-text and define it in the CSS-editor following way:

    .my-text {
    	width: 600px;
    }
    
  • Zimbabar
    Member
    Member for: 10 months 27 days
    #2 by Zimbabar Apr 26 ’23 at 01:56

    [#1]:

    To make the appended text in your Multiple Line text field wrap and prevent your form from growing indefinitely, you can use CSS to limit the height of the field and enable scrolling.

     

    Here are the steps you can follow:

     

    Go to the list or library where your form is located.

    Click on the gear icon and select "List Settings" or "Library Settings".

    Click on the name of the column that contains the Multiple Line text field.

    Scroll down to the "Column Formatting" section and click on "Edit".

    In the formatting pane that appears, click on "Advanced mode".

    Paste the following code into the text box:

    {

    "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",

    "elmType": "div",

    "style": {

    "overflow": "auto",

    "max-height": "100px"

    },

    "children": [

    {

    "elmType": "div",

    "txtContent": "@currentField",

    "style": {

    "white-space": "pre-wrap"

    }

    }

    ]

    }

    Click on "Save" to apply the formatting to the column. You can also get this code on your GB Whatsapp Pro APK .This code sets the maximum height of the field to 100 pixels and enables scrolling if the content exceeds this height. It also sets the "white-space" property to "pre-wrap" to allow the text to wrap within the field.

     

    You can adjust the "max-height" value to suit your needs, and you can also customize the other style properties to change the appearance of the field as desired.

  • Zimbabar
    Member
    Member for: 10 months 27 days
    #3 by Zimbabar Apr 26 ’23 at 01:56

    [#1]:

    To make the appended text in your Multiple Line text field wrap and prevent your form from growing indefinitely, you can use CSS to limit the height of the field and enable scrolling.

     

    Here are the steps you can follow:

     

    Go to the list or library where your form is located.

    Click on the gear icon and select "List Settings" or "Library Settings".

    Click on the name of the column that contains the Multiple Line text field.

    Scroll down to the "Column Formatting" section and click on "Edit".

    In the formatting pane that appears, click on "Advanced mode".

    Paste the following code into the text box:

    {

    "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",

    "elmType": "div",

    "style": {

    "overflow": "auto",

    "max-height": "100px"

    },

    "children": [

    {

    "elmType": "div",

    "txtContent": "@currentField",

    "style": {

    "white-space": "pre-wrap"

    }

    }

    ]

    }

    Click on "Save" to apply the formatting to the column. You can also get this code on your GB Whatsapp Pro APK .This code sets the maximum height of the field to 100 pixels and enables scrolling if the content exceeds this height. It also sets the "white-space" property to "pre-wrap" to allow the text to wrap within the field.

     

    You can adjust the "max-height" value to suit your needs, and you can also customize the other style properties to change the appearance of the field as desired.

  • peter0900
    Member
    Member for: 6 months 20 days
    #4 by peter0900 May 5 ’23 at 06:14

    Using the appended text capability in SharePoint, I have a multiline text box to collect general comments from Power Apps.
    Click here https://advancedelectricservicingllc.com/ Professional Electricians in Lindenhurst NY

  • FillSmith
    Member
    Member for: 1 year 7 months 29 days
    #5 by FillSmith May 10 ’23 at 07:31

    2023's best AI essay generator tools have made substantial strides in user experience - read more analyticsinsight.net. With intuitive interfaces, customizable templates, and real-time feedback, these tools ensure that writers can craft engaging essays with ease, all while saving precious time.

  • Ravina20
    Member
    Member for: 18 days
    #6 by Ravina20 May 11 ’23 at 04:46
  • FrankGilmore
    Member
    Member for: 16 days
    #7 by FrankGilmore May 13 ’23 at 08:34

    Get Professional Outsourced Phone Support in Ukraine and gain a competitive edge in today's fast-paced business landscape. Our outsourced model allows us to assemble a team of skilled professionals who are trained to provide exceptional support across multiple channels. With us, you can deliver a superior customer experience while optimizing operational efficiency.

Displaying 1 to 7 of 7 messages