In custom html module, how to have read more text inside module

General questions relating to Joomla! 3.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Post Reply
elsey
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Sun Dec 24, 2017 3:04 am

In custom html module, how to have read more text inside module

Post by elsey » Mon May 20, 2019 9:21 pm

Hi. I'm a joomla beginner and working in a template that uses custom modules. I want to have read more text but I don't want to create an article. I'm thinking there should be a way to have the additional text in the same module. I gave it a go but the read more text displays below the read more button without clicking read more. Here's the code I'm using. I included the entire module, sorry if there is too much. I want "The horse's performanc...." to only be visible when the reader clicks "read more." Thanks in advance for the help!

<div class="bdt-feature-wrapper" style="text-align: center;">[livicon icon="heart" background_color="none" color="#588157" hover_color="#436143" size="60" parent="yes" iteration="3"] [heading style="small-line" size="20"]<span style="text-align: start;">LAMENESS</span><span style="text-align: start;"> </span><strong style="text-align: start;">BURDENS</strong><span style="text-align: start;"> </span><span style="text-align: start;">HORSE OWNERS</span>[/heading]
<p><span style="text-align: start;">Care for a lame horse is not only heart breaking, it is time consuming and expensive.</span><br /><a class="" href="#more"> Read More</a></p>
<p style="text-align: start;"> </p>
</div>
<div id="more"> The horse's performance declines or the horse comes in lame. The vet is called for lameness examination and perhaps diagnostic imaging. Maybe anti-inflammatory is prescribed. Cold hose x times per day. Stall rest, except nobody told the horse s/he's supposed to rest. Hand walking. And some number of weeks later you can ease back into work.</div>

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 25690
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: In custom html module, how to have read more text inside module

Post by Per Yngve Berg » Tue May 21, 2019 6:48 am

Read More is not available in a module. You can hide parts of the text. with an accordion menu.

User avatar
leolam
Joomla! Master
Joomla! Master
Posts: 19530
Joined: Mon Aug 29, 2005 10:17 am
Location: Netherlands/ UK/ S'pore/Jakarta/ North America
Contact:

Re: In custom html module, how to have read more text inside module

Post by leolam » Tue May 21, 2019 7:02 am

Or with a slider in the module that opens on click. See https://www.regularlabs.com/extensions/sliders or search the JED for Sliders

Leo 8)
Joomla's #1 Professional Support Provider:
-> Joomla Professional Support: https://gws-desk.com -
-> Joomla Specialized Hosting Solutions: https://gws-host.com -
-> Joomla Webmaster Services: gws-webmaster.services

elsey
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Sun Dec 24, 2017 3:04 am

Re: In custom html module, how to have read more text inside module

Post by elsey » Tue May 21, 2019 11:25 am

Per Yngve Berg wrote:
Tue May 21, 2019 6:48 am
Read More is not available in a module. You can hide parts of the text. with an accordion menu.
I like that idea. Thank you.

elsey
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Sun Dec 24, 2017 3:04 am

Re: In custom html module, how to have read more text inside module

Post by elsey » Tue May 21, 2019 11:27 am

leolam wrote:
Tue May 21, 2019 7:02 am
Or with a slider in the module that opens on click. See https://www.regularlabs.com/extensions/sliders or search the JED for Sliders

Leo 8)
I will look at that option too. Thank you.

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 25690
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: In custom html module, how to have read more text inside module

Post by Per Yngve Berg » Tue May 21, 2019 4:36 pm

Accordion using Bootstrap 2.

https://getbootstrap.com/2.3.2/javascript.html#collapse

Are your template based on Bootstrap 2?

elsey
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Sun Dec 24, 2017 3:04 am

Re: In custom html module, how to have read more text inside module

Post by elsey » Thu May 23, 2019 1:02 am

Sorry for the delay. I do remember seeing somewhere in setup or install to leave bootstrap off. I'm afraid I don't know what it is but I followed the instructions and left it off.


Post Reply

Return to “General Questions/New to Joomla! 3.x”