Filmguy2013

Hi, kvminteriordesign. I decided to not even use the Popup Maker plugin (so I deactivated it) since Avada allows you to create your own modals that open up in a light box.

So, I went ahead and added a Button element in Avada and where it says “Modal Name” I gave it a name, for example, “calculator” (without the double quotes). Then I added a Modal element under the button and where it says “Name of Modal”, I gave it the name “calculator”, the same name as I gave the Modal Name in the button element. Now, I have a button that activates the modal when clicked and opens a nice light box with my calculator I created inside. Just a heads up, you may have to set the modal size to Large in the Modal Options depending on what you are displaying inside your modal.

I hope that helps. You can see how it works by going to https://swimmingpoolwaterdelivery.com/ and scrolling down to my pool volume calculator section and clicking any of the “Calculate Now” buttons.

Thanks! I altered your code a bit and it worked!

@media print, screen and (min-width: 24em) {
#fbuilder .cff-button-field input{margin-left:35% !important;
width: 33%;}

}

Wow. In the words of Tugg Speedman, I feel like a m-m-m-moron! Thank you. That worked.

I changed my mind though. Is there a way to make the button the same width as the form fields. The form fields are set to medium width. Is there a way to make the button the same width?

Hello. I changed the margin-left to 36% and the button is perfectly centered under the fields when I preview the form in the form builder, BUT when I reload my homepage and open the form in the lightbox, the button is still too the left and not centered. I even opened my homepage using an Incognito browser window in case it was a caching issue and I even flushed the cache on the server side and the problem is still there. How do I fix this?

Please check out the screenshots here:

https://pasteboard.co/J6Hk98J.png

https://pasteboard.co/J6Hkt22.png

Never mind.

Hi. I created a two-column div and put both buttons in the div and tried changing the CSS layout using col-sm-6 on the Calculate Volume of Pool button and col-sm-6 col-sm-offset-2 on the Clear Form button, but it caused the buttons to be stacked up on top of each other. How do I set the Clear Form button to the right of the Calculate Volume of Pool button and have them nicely centered under the fields?

I figured this out on my own.

You are awesome! I know I’m getting kind of picky here, but is there any way to move my “Clear Form” button to the right of my “Calculate Volume Button”?

Hi. I just found the option to change from digit to number, so that answers my first question in my last reply.

Is there a way to add a button that clears all the fields when pressed though?

I apologize. You are right. Those buttons are created by the Popup Maker plugin.

I have another question though. How would I allow users to insert numbers with a decimal point into the form fields? When I try to do that right now, I get an error that says “Please enter only digits”.

Also, is there any way to add a button that clears all the fields when pressed?

Thanks.

Thank you! That worked!

Thanks!

Just left a 5 star review. Thanks again!

That worked! Sorry man, me went to the public schools. In all seriousness though, thank you so much for your help! I am now going to give your plugin a 5 star review.

Hello. So, if I understand you correctly, I can’t make the form calculate the numbers so that 2*2*2*2*7.5 = 60? The form is always going to multiply by by consecutive order so that 2*2*2*2*7.5 = 120?

I unchecked the “Eval dynamically the equations associated to the calculated fields” box and saved the settings and then tried again and the total still came out to 120 instead of 60.