Pricing Docs Academy

Truncate Text

Alex

7 months ago
Are we able to truncate text values in Toddle? I want to limit text from overflowing like shown in the screenshot
svenning

7 months ago
Yes, we don't have any UI for that at the moment, but try and use the custom CSS section. And have a read here: https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow
Alex

7 months ago
Thank you!
Andreas Møller

7 months ago
You might need to add white-space: nowrap
Alex

7 months ago
Thanks I'll give it a go!
Tod

7 months ago
Great energy @Alex! Your continuous contribution to the toddle Community just made you advance to Community Level 2!
Seun Orofin

3 months ago
Where you able to get this to work?
Mr.R

1 month ago
Hi, i tried to add the "text-overflow: ellipsis" on my list returned from the API but it doesn't do anything when down-resizing?
@Mr.R
Hi, i tried to add the "text-overflow: ellipsis" on my list returned from the API but it doesn't do anything when down-resizing?
needtheanswers

1 month ago
Does your parent div have a fixed width? If not this might be the reason 🤔
@Mr.R
Hi, i tried to add the "text-overflow: ellipsis" on my list returned from the API but it doesn't do anything when down-resizing?
Max

1 month ago
This might help: https://css-tricks.com/flexbox-truncated-text/
🙂
👍1

Leave a comment

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code — but accessible to your entire team!

Try toddle — it's free!

The two toddle Co-Founders Andreas and Kasper

Chat with @team-toddle

CEO and Co-Founder of toddle Andreas Møller

Video call our CEO

Hello, toddle!

Get in touch!

Product

Pricing Packages T&Cs Privacy Policy

Company

Press kit Contact
Become partner Refer and earn

Resources

Documentation Academy Integrations Blog Founder stories Hire experts

Community

Discord LinkedIn X YouTube

© Copyright 2024 toddle. All rights reserved.

Built in toddle