How to wrap the text for a list column in MS SharePoint website?

Question

Hello, I am using MS SharePoint website. I created a column of 'multiple line of text'. I want to wrap the text for this column so that I can constrain the size of that column. 

I followed instructions mentioned on https://answers.microsoft.com/en-us/msoffice/forum/all/new-sharepoint-layout-columns-and-wrapping-text/601ed8ac-7096-42f1-a8f3-5d99fcb4e181 but they don't work for me. Please advise on how I can wrap the text for a column.

Answer 1

Dear Rahul,

It seems that you can’t use the modern SharePoint experience in your environment. For the requirement, you may need to add the CSS code in the Script Editor web part on your site page. I find a code which may be applied to your environment for your reference.

You need to first click on Edit page to see whether you can add the Script Editor web part. If no, you may need to contact your administrator and follow the steps in the article to enable custom script in SharePoint Online Management Shell first.

 

After running the command, refresh the page and you should be able to add the web part. Then insert the following code in the web part to see the result.

<style type="text/css">

.ms-vb2 .ms-rtestate-field {

max-width: 100px;

max-height: 380px;

overflow: hidden;

}

.ms-vb2 .ms-rtestate-field:hover {

max-height: none;

}

</style>

<h2>

</h2>

Before:

 

After:

 

Best Regards,

Cliff

Answer 2

Hi RahulGANDHI90,

Thanks for posting in the forum.

May I know what type of text you specified to allow in the column? Is it a Plain text or Rich Text or Enhanced rich text?

I tested on my end to check if I see the same behavior, I added text the column in a list and test wrapped as expected. Here’s the screenshot for your reference.

Since it is not working on your end as it supposed to, I would like to confirm the following information:

1. For the test purpose, create a new list in a different site and then add the text in Multiple lines of text column, this will help us understand if the issue is with a specific list or all the list have the same issue.
2. From the affected list, please provide us with the screenshot of the column “Multiple lines of text” setting. For this, go to List Settings, click the column name.
3. Are you using modern or classic list?

Thanks,

Neha

Answer 3

Thanks a lot Neha for helping me out!

1. I have attached a screenshot of the column ('Col1' and 'Col3') setting. I used Plain Text (for Col1), Rich Text, Enhanced Rich Text (for Col3) but it's not working on my end.

2. I don't know whether the list I have created is a classic or modern list. Is there a way to find it out? And how does it matter for the text wrap feature?
3. This is how I created a list:

4. I created a new list using the 'Custom List' option shown above. The new list is named as Test_List. There are two columns in this list. Col1 is a plain text. Col2 is EnhancedRichText. It's not wrapping the text even after I created a new list.

Thank you for your help.

Answer 4

Hi RahulGANDHI90,

Thanks for writing back.

In your list, please check on the left side bottom corner whether you see Exit classic experience or Return to classic SharePoint.

If it says Exit classic experience, please click the link and check if the text is wrapped in the list.

Thanks,

Neha

Answer 5

Neha,

Thanks a lot for your prompt response,

I checked my list but I don't see Exit classic experience or Return to classic SharePoint on the left side bottom corner. Does this mean that I am using the modern list and cannot text wrap the column?

Thanks.