Bootstrap Builder Help. - Post ID 270941

User 2623310 Photo


Ambassador
249 posts

I'm using current version of bootstrap builder and I was wondering if I can make it when you hover over the paragraph it will change to a button saying contact me, if you click on it, it will be your email so you be able to contact the person.

Is this possible? If so, how do I go about getting it done?

Attached is a image of the paragraph

Thanks for the help.

User 2623310 Photo


Ambassador
249 posts

If forgot to attached the image.
Attachments:
User 122279 Photo


Senior Advisor
11,397 posts
Online Now

I have not tried this so I'm not absolutely certain it will work, but if you make the paragraph display none when hovered over, and a button that appears instead, it could possibly be a solution. Haven't thought it through properly, but maybe...

I think Wayan did something similar with the menu for Stefke's taxi site, he hid the 'narrow' menu when on a wide screen, and they swapped when displayed on a small one.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.horgenhonning.net/
Component sharing for RFF, RBB, RSD and SD: http://www.horgenhonning.net/sharing/


User 2699991 Photo


Registered User
1,721 posts

Inger wrote:
I have not tried this so I'm not absolutely certain it will work, but if you make the paragraph display none when hovered over, and a button that appears instead, it could possibly be a solution. Haven't thought it through properly, but maybe...

I think Wayan did something similar with the menu for Stefke's taxi site, he hid the 'narrow' menu when on a wide screen, and they swapped when displayed on a small one.


This effect however can't work on most mobile devices (no mouse to trigger the hover effect)

Not quite like that Inger that effect is made by using transparencies and hover/regular I don't have bootstrap, only FF but I would imagine the process is the same. Could it be another video on the way!!! :lol:
The Sky Is A big Empty Space : But There Is No Room For Error
website https://rsdtutorials.com
User 2623310 Photo


Ambassador
249 posts

Hi Inger and Wayan Jaya,

Thanks for the info guys. If you don't mind to make another video that will be will. Will your way work on mobile devices, Wayan Jaya?

Thanks for the help.
User 103173 Photo


VP of Software Development
0 posts

Is this what you are looking for Scott?

http://bb.coffeecup.com/index.html
Attachments:
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2699991 Photo


Registered User
1,721 posts

Scott Larson wrote:
Hi Inger and Wayan Jaya,

Thanks for the info guys. If you don't mind to make another video that will be will. Will your way work on mobile devices, Wayan Jaya?

Thanks for the help.


Nope because mobile devices do not yet have the ability to recognize hovering

at mobile (no mouse) sizes you would have to place the button underneath the paragraph (hidden at desktop sizes)
The Sky Is A big Empty Space : But There Is No Room For Error
website https://rsdtutorials.com
User 2623310 Photo


Ambassador
249 posts

Thanks Scott! I will take a look at it more when I get home tonight. ;)
User 187934 Photo


Senior Advisor
18,073 posts

Wayan Jaya wrote:
Scott Larson wrote:
Hi Inger and Wayan Jaya,

Thanks for the info guys. If you don't mind to make another video that will be will. Will your way work on mobile devices, Wayan Jaya?

Thanks for the help.


Nope because mobile devices do not yet have the ability to recognize hovering

at mobile (no mouse) sizes you would have to place the button underneath the paragraph (hidden at desktop sizes)

Actually if you apply the active Pseudo after the hover it will work on touch devices.
.myclass:hover, .myclass:active{ }
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
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 personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/

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.