- sydneybellowsAsked on July 23, 2012 at 04:27 PM
I am trying to put a form on my webpage but I would like it to display when clicking on a button. If you view my webpage through the url provided you can see that there is the form and then there is a button below it labled 'Order Form'. I only want the 'Order Form' button to be displayed and then upon clicking the botton the form to show up.
I tried using the code <FORM METHOD="LINK" ACTION="YOUR FORM URL HERE"> <INPUT TYPE="submit" VALUE="Order Form"> </FORM> and then adding in different URLs from JotForm but I have not been able to get it to work correctly.\
Also, when you click on the button 'Order Form' it adds the product to the shopping cart. I do not want that to happen.
- JotForm SupportidarktechAnswered on July 23, 2012 at 08:03 PM
This can be done with lightbox embed code and then modify the button style to match it with your order button style. Here, I have generated the lightbox code for you and added the button style. Please re-embed your form using this:
<a class="lightbox-22034368142143" style="cursor:pointer;color:blue;text-decoration:none;border: none;outline: none;padding: 10px 25px;color: white;background: black;font-size: 12px;font-style: italic;text-transform: lowercase;font-family: Georgia, serif;">Order Form</a>
Hope this helps. Let us know if you need any further assistance with this. Thanks!
- sydneybellowsAnswered on July 24, 2012 at 11:52 AM
That worked great! Thank you!
- pinoytechAnswered on July 24, 2012 at 12:12 PM
On behalf of my colleague idarktech, you are welcome. If you need further assistance, feel free to contact us again.