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

Dear Rahul,

Thanks for your updates.

As there is no web part in the list, have you tried the suggestions I mentioned above to switch the classic experience to the modern experience to use the wrap feature?

If you create a new list, can you get the modern experience?

Best Regards,

Cliff

Answer 3

Hello,

I don’t have default experience setting in List setting > Advance settings. I checked with site administration and they also don’t have this settings. May be our organization does not supports modern experience list for some reason. There is no option/ setting using which i can change list experience. 

I think SharePoint should allow this feature in both Classic as well as well modern list since it’s basic feature which is presents even in Excel. To enables such basic feature, users like me are undergoing unnecessary difficulties. 

Is there ant work around this? Not being able to wrap the text is very inconvenient to user.

Answer 4

I think SharePoint should allow this feature in both Classic as well as well modern list since it’s basic feature which is presents even in Excel. To enables such basic feature, users like me are undergoing unnecessary difficulties. 

Rahul,

This isn't really a "feature" - it's  an inevitable result of the poor development practices and inadequate testing that afflict everything in SP. I would use a browser inspector to see why the text doesn't wrap and then apply some css via a stylesheet to fix it. Normally, "element{white-space:normal;}" will wrap text.

Answer 5

I would use a browser inspector to see why the text doesn't wrap and then apply some css via a stylesheet to fix it. Normally, "element{white-space:normal;}" will wrap text.

It’s really sad that it’s so difficult to fix this issue. I hopeSharePoint team realize this and fix it. I don’t see a reason of not allowing the user of Classic list to text wrap the column.

How can I use browser inspector?  How to apply CSS via stylesheet? Can you explains ME how that code work ? Please share screenshots of what you mean or may be posts of other authors. I have no idea of what you’re suggesting in your response.