Link in paragraph that opens in modal

User 2488786 Photo


Registered User
192 posts

So have made a series of modals and figured out how to make the buttons the same size and have been able to put a RCS in a modal.
I wanted to do a "Read More" link in a paragraph, but it wants a url or the # sign link, so before I spent too much time on this I figured I post this and see if there's a simple way to do this.
In the website I added containers and then put HTML elements in them which works, but it seems like I can't put these in the paragraph, is that so?
I would love to have a simple text that says "Read More" and keep the paragraph clean without a button.
Thanks,
Rick
An expert at using the wrong tool the right way.
User 187934 Photo


Senior Advisor
20,272 posts

Put a link in your paragraph.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2488786 Photo


Registered User
192 posts

I know it's probably simple, but I will have to figure it out as to what and how I do it, I just messed up my JS script and finally realize I do it in the JS file and not the CSS.
Been trying to figure out why I can't get some things to center in the page.
Having fun in between the frustration. :lol:

An expert at using the wrong tool the right way.
User 187934 Photo


Senior Advisor
20,272 posts

Triple click your paragraph text and then you can select the text you want to link.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2488786 Photo


Registered User
192 posts

Thanks I also found this.
<a data-toggle="modal" href="#myModalv1" class="button">Read More</a>
<a data-toggle="modal" href="#myModalv1">Read More</a>
And remove the button class and it's just plain text.
Thanks,
Rick
An expert at using the wrong tool the right way.
User 187934 Photo


Senior Advisor
20,272 posts

If your using bootstrap you can grab just the files need to get the modal working so the other css styles don't affect your site.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2022095 Photo


Registered User
121 posts

Eric Rohloff wrote:
If your using bootstrap you can grab just the files need to get the modal working so the other css styles don't affect your site.


Hello Eric, which version of bootstrap are you speaking ( should we use ) of 2, 3 or 4 for RSD beta or RSD 1.2 in order to use the modal functionality which by the way would be nice to have in RSD. I've been crying about getting that since Responsive layout maker pro. :(

-WMFX
User 187934 Photo


Senior Advisor
20,272 posts

You can grab them from my example page.
http://progrower-rsd.coffeecup.com/boostrap-modal.html
The only thing in these is what's need for the modal.
There is some modal css but you can easily remove the styling by using different classes for the modal.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2022095 Photo


Registered User
121 posts

Eric Rohloff wrote:
You can grab them from my example page.
http://progrower-rsd.coffeecup.com/boostrap-modal.html
The only thing in these is what's need for the modal.
There is some modal css but you can easily remove the styling by using different classes for the modal.


Thanks Eric,
-WMFX

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.