- BilalAsked on April 26, 2016 at 10:26 AM
- JotForm SupportBDAVIDAnswered on April 26, 2016 at 11:39 AM
You can clone the form, but it will not bring you the style, only the fields: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL
However, you can further customize it using the form designer tool: https://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms-
Let us know if you have more questions, we will be glad to assist you.
- emailc123Answered on April 26, 2016 at 11:48 AM
So how do I do so that the form you see on my website is basically a Jotform?
- JotForm SupportBDAVIDAnswered on April 26, 2016 at 12:35 PM
You need to basically create it from the scratch, and customize it by using the Designer tool, and injecting custom CSS code to accomplish the desired design, you might need to hire designer for that purpose.
I have gone ahead and created the form similar to the one in that website(similar not the same), here it is: https://form.jotform.co/61164126572856
If you like it, you can clone it in your account: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL, and if you need to further customization, you can ask us for help, we will do our best to accomplish the desired design in our free time.
- emailc123Answered on April 26, 2016 at 12:43 PM
That looks good but I want transparent background because the background is in my website already. There is another thing on that form that is when you click any area to type it shows weird outer boundary. Just click on the any input are and see it for yourself.
- KadeJMAnswered on April 26, 2016 at 01:59 PM
Okay thank you for the update about this.
When you mention the "weird outer boundary" do you maybe mean the highlight effect?
Please confirm or correct me.
- emailc123Answered on April 26, 2016 at 02:50 PM
Yes you are absolutely right. Can you remove that?
- JotForm SupportMikeAnswered on April 26, 2016 at 05:20 PM
Here is David's form with removed highlight effect, transparent background and a few other style fixes.
You can clone it to your JotForm account.
Then, embed the JS form code to your web page.
- JotForm SupportEltonCrisAnswered on April 30, 2016 at 10:37 PM
Inject this CSS codes to your form to remove the top margin.
If you want to increase the form width, you can do it in the form designer under form layout. I check the form on your website and the form width is 1110px, which is also the width of the text area.
Anyway, here's my modified version with that changes. Feel free to clone it in your account. I have corrected some CSS to make it fully mobile responsive.
Hope this helps!
- emailc123Answered on May 01, 2016 at 04:42 PM
Thanks a lot. One last thing. Do you know how do I make the form load if someone scroll down to contact section? I don't want the form to be loaded once the page is loading to increase page speed. If somebody scroll down to contact section then the form should load.
The reason because without the form my page loads in under a second. With the form it loads in more then 2 seconds.
Thanks in advance.
- JotForm SupportEltonCrisAnswered on May 01, 2016 at 06:12 PM
We will answer that question here https://www.jotform.com/answers/830415.