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

Hello,

I followed the instructions as per your suggestion. The only web part I can see is the list itself. Please refer to the following screenshot. I deleted the web part which means that the list was deleted. Then, I refreshed the list page>clicked on Home>clicked on the list. But I still don't see the 'Exist classic experience' option. 

Following is the screenshot before I deleted the web part. You can see that there are no other web parts except for the list itself.

Thank you for your help.

Answer 3

Hello,

Site Admin confirmed that the list I have is a classic list. Is there a way to wrap the text for the classic list? If yes, how can I wrap it? Thanks.

Answer 4

Dear Rahul,

Thanks for your updates.

As there are no other web parts on the page, I suggest you contact the administrator in your company if you aren’t the administrator and go to List Settings>Advanced Settings to see if the Default experience for the site is checked. If no, check it, sign out of your account, wait some time and then sign into the site in SharePoint Online to see if the list is in the modern experience.

 

You can also check if you can go to the modern experience with another refresh browser.

After you get the modern experience, you should see the text is wrapped.

If you want to see the full text, click on the column>Column settings>Format this column>insert the following code to check the result.

{

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

"elmType": "div",

"txtContent": "@currentField",

"style": {

"white-space": "normal",

"padding": "11px 0"

}

}

The result is showed as follows.

 

Best Regards,

Cliff

Answer 5

Dear Rahul,

Have you tried the suggestions above? Welcome to share any updates when you have time if you need further help on this issue.

Best Regards,

Cliff