SIGN UP

Apply word wrap to a view result line

By: Michael Thena | Asked: 02/08/2024
Forums › Category: General questions › Apply word wrap to a view result line
0 Vote Up Vote Down
Michael ThenaMichael Thena asked 3 months 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
0 Vote Up Vote Down
Rob LeVineRob LeVine answered 3 months ago
Provide a link to the page you're having the issue with and identify the cell(s).
Michael ThenaMichael Thena replied 3 months 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 replied 3 months ago

Use "word-break:normal" instead.

0 Vote Up Vote Down
Michael ThenaMichael Thena answered 3 months 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 replied 3 months 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 3 months ago

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

Rob LeVineRob LeVine replied 3 months 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