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 getting back to us.

When the column ‘multiple line of text' is created, the text wraps in modern list but in classic it does not. The thread link you provided in your post applies to modern list.

Here’s the screenshot for your reference.

Modern list

Classic List (in the screenshot, you can see the Exit classic experience is visible)

Please check your list and compare with the screenshot above and verify if it looks like modern or classic. In addition, please provide us with the screenshot of your list for reference (for security reason, please make sure to mask any sensitive information).

Thanks,

Neha

Answer 3

Hi Rahul,

I am writing to follow up on this case. Did you check above reply? If you still need help, please update us when you have time.

Regards,

Neha

Answer 4

Neha,

Thanks for following up.

1. Modern List - My list does not text wrap and does not look like Site A (as shown in your pictures) but that's what I want. 
2. Classic List - My list looks like it's a Classic version BUT it does not have an 'Exit Classic experience' option. Will it be because of my site settings? Is there any other way to find whether it's a classic or modern list? 

This is the screenshot of my test_list. I created a multi-text column with EnhancedRichText settings.

Please help. Your inputs are very valuable. Thank you!

Answer 5

Dear Rahul,

Thanks for your updates.

It seems that you add some web parts on the list page so that the list page stays in the classic SharePoint experience. As some css code to wrap the text in the column may not work in the classic SharePoint experience now, I’d like you to click on Settings>Edit Page to see if some web parts are added on the page. If the web parts are not needed, I suggest you remove the web parts and then refresh the list page>click on Home>click on the list>Exist classic experience to enter the modern list experience to see the result.

 

If you need the web parts, welcome to share some screenshots about it and I’d like to check if there are some out-of-the-box ways achieving your requirements in the modern list experience.

Best Regards,

Cliff