Apply word wrap to a view result line

By: Michael Thena | Asked: 02/08/2024
ForumsCategory: General questionsApply word wrap to a view result line
Michael ThenaMichael Thena asked 1 year ago

Attempting to try and break long results where a cell could easily be word wrapped.  Standard CSS \"styles\" are not working such as: word-break:break-all;  or word-break:break-word;  the results don\'t change
A cell result could have 4 words with spaces and could easily be \"wrapped\" to reduce width.  Is there another way to achieve this?  All other CSS styling works find, just not word wrapping.

2 Answers
Rob LeVineRob LeVine Staff answered 1 year ago

Provide a link to the page you're having the issue with and identify the cell(s).

Michael ThenaMichael Thena replied 1 year ago

https://www.honorflight.org/hub-by-county/ This is a great example that isnt' login protected. Pick a state, Colorado and a county Boulder County. You'll be delivered a result that shows you a "hub" name that could easily word wrap.

Rob LeVineRob LeVine Staff replied 1 year ago

Use "word-break:normal" instead.

Michael ThenaMichael Thena answered 1 year ago

<td style="font-size:12px; text-align: center; word-break:normal">[srvtl]</td>    This did not break the form results being displayed in the view.

Rob LeVineRob LeVine Staff replied 1 year ago

I used the debugger tools (F12 in the browser) and set the following and it worked as expected
HIGH PLAINS HONOR FLIGHTHome City: Ault

Michael ThenaMichael Thena replied 1 year ago

High Plains should break into 2 lines so the table shrinks it's width....

Rob LeVineRob LeVine Staff replied 1 year ago

I do not know how to accomplish that goal without hard coding the widths of the columns.

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right