Streaming live at 10am (PST)

Expanding read more/less dynamic text area


#1

Hi,

Does Webflow have built in read more/less expanding div functionality? I’m looking to use this with the CMS, specifically to have Events, with associated title, date, and description… and the description would be limited to 50 characters, with a read more link. Clicking that link would reveal the rest of the text in place.

I’m not asking someone to code this for me–merely wondering if this is possible in Webflow. Thank you!


#2

You can’t limit characters, but you can set the height of an element and hide the overflow, then use an interaction to increase the height to display the hidden text.

Alternatively, there is custom CSS you can use to limit characters https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow


#3

Ah, thank you. But if they were pulling from the CMS and some were, say, 1,000 characters, and others 2,000 characters, there would be no way to dynamically show the full text, if you don’t know the height, correct?


#4

http://sandbox-903b9c.webflow.io/blog-posts


#5

Amazing, thanks, Sam. I’ll contact you privately to see if you’d be interested in consulting.

This particular use case I’m trying to reproduce in Webflow requires stacking the posts, like a traditional blog feed. When the post expands/collapses, all the content below moves accordingly.