- JohnFraserScottAsked on January 17, 2015 at 02:40 AM
I have created a form that I would like to use as a Lightbox form embedded on my site. The problem is, as it stands, it simply appears as clickable text and I wanted to be able to click a button to open up the embedded Lightbox form.
If it matters, this is for a Wordpress site.
Really hoping you can make some suggestions.
- JotForm SupportjonathanAnswered on January 17, 2015 at 10:43 AM
This is doable in Jotform. Please check this similar thread
Here's how to create a lightbox form. How to Create a Lightbox Form
To use a button, just simply use the lightbox class from your lightbox embed code on your buttons code. Example:
<input class="lightbox-30452332860952" type="button" value="Click Here" />
Please let us know if you need further assistance doing it.
- JohnFraserScottAnswered on January 18, 2015 at 09:03 PM
Thank you, I have tried this and it worked for me!
My only question is how to control the appearance of this button? Can I do one of two things?
1) Use some code to control the size, colour, shape of the button and colour of the font?
2) Use an image in place of a button?
- JotForm SupportEltonCrisAnswered on January 19, 2015 at 03:37 AM
Glad to hear it works for you. :)
1. It is possible with CSS, you can insert style attribute on the button code. This method is called Inline CSS.
<input class="lightbox-30452332860952" type="button" value="Click Here" style="font-size:16px;background:#01A2A6;border:none;padding:8px;color:#fff;" />
2. Image is also possible as long as you'll use the class that will call the lightbox form.
<img class="lightbox-30452332860952" src="http://www.yoursite.com/image/your_button.png" />
Just replace the sample URL on this code with your button image URL.
Hope this helps. Thanks!