'Read More' button

Permalink
I have multiple long text blocks on my pages. This makes the lower blocks disappear on a page, although someone could scroll to them. I would like to leave the first 1-2 sentences in a block and then have a 'Read More' button that would either link out to the full text of the block or bring in the full text of the block for reading.

Is there an easy way to add such a button into a block of text ?

 
hutman replied on at Permalink Reply
hutman
I can make you a quick little expand/contract type block which would have two Content areas, one for Content and one for Expanded content. So it would show the Content all the time and the Expanded Content only when the link is clicked.

If that's what you're looking for let me know and also what version you're using.
JohntheFish replied on at Permalink Reply
JohntheFish
You could do something like that with my Magic Tabs addon in 5.6 or 5.7, setting up one block above the expander, then more blocks within a 'Read More' part as a single tab using the Accordion/Expander option.

So you would have blocks
1. Content block - Introduction
2. Tab block (expander) "Read More"
3..N. Whatever blocks you like to expand to show
N+1. Tabs End block

And then repeat the above pattern for further expandable sections down the page.
siton replied on at Permalink Reply
siton
"Read more" its really some "toggle" component (by JS or CSS)

Like this JS component:
http://jedfoster.com/Readmore.js/...

Search in google "read more toggle" (You will find endless examples).

Anyway like hutman said above, By "block" you must to know how to create block from starch and add edit/ add.php (form modal) with CMS options like:
collapsedHeight
collapsedSpeed
and so on....

Another option is to add markup by hand in html mode of the content-block editor (Not do much dynamic - but this will work). Or create custom template for "content-block" (Again you will need to change setting only by hardcore). This is for developers only.

I think its good idea for "addon" in C5 (its useful).