Wrap strings to a new line

Wappler General Need Help
1

Hello everyone,

I would like to wrap a dynamic string value to a new line when the string has more than 25 characters.
Is there a function on Wappler for this? I couldn’t find :frowning:

Thanks!

2

You can use style rules to create the effect.

  <style>
    p {
      max-width: 25ch;
      word-wrap: break-word;
    }
  </style>

  <div class="container">
    <div class="row">
      <div class="col">
        <p>123456789012345678901234567890LoremipsumdolorsitametconsecteturadipisicingelitIpsaearecusandaeullamsitplaceatcommodirationesaepecorporiseumminimaconsequaturdolorepraesentiumquibusdamsolutacumdoloresdolor</p>
      </div>
    </div>
  </div>

image

2 Likes
3

Thanks @ben!! Perfect!

1 Like
4

Didn't know "ch" was a thing :crazy_face: