Skip Navigation

[Resolved] Show more link inside multiline field

This support ticket is created 3 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 2 replies, has 2 voices.

Last updated by adrian-mihaiN 3 years, 10 months ago.

Assisted by: Shane.

Author
Posts
#2103063

Tell us what you are trying to do?

I want to have the content of a multiline or WYSIWYG custom field (any would do) display only a certain amount of lines inside a taxonomy archive page with a link to show more that expands the full field view on click.

Example behavior:

hidden link
hidden link - see the show more button for What you'll learn - this is a much better user experience with that blur effect.

This can probably be done without a plugin but there are also a few plugins doing it like the one above.

I don't know what tech or tool is needed to do this, especially the blur style effect.

If the plugin is the way you'd recommend to work with Toolset, the problem I have is wrapping part of the multiline or WYSIWYG custom field starting at line X, or after x characters or x pixels (any would do) with the shortcode.

Is there any documentation that you are following?
No

Is there a similar example that we can see?
hidden link
hidden link - see the show more button for What you'll learn

Thank you.

#2103163

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Adrian,

Thank you for getting in touch.

As you are aware this isn't something that you can do with Toolset only. Though the wpstackable plugin appears to do exactly what you need, you should be able to do this with some custom Javascript as well.

Have a look at the tutorial that I was able to find below.
hidden link

Please let me know if this was able to help you.

Thanks,
Shane

#2103165

My issue is resolved now. Thank you!