What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
trying to complete my form with custom button and height?Asked by carterceo on April 16, 2013 at 02:02 AM
I would like to know if it is possible to replace the upload button with this
and replace the to paypal button with
adjusting the iframe height in the embed code hasnt worked to increase height of the iframe to keep from cutting off the background.
The screenshot attached is my goal.
The button requires us to login to your Cpanel. Please upload them on your public HTML folder. Let us know when done so we can further advice what to do, specially the Upload Button.
You can easily change the image of the submit button by clicking the "Button Image" button on the toolbars while clicking on the field; http://screencast.com/t/WtvD0OYP5y
The Upload button will require additional custom CSS codings.
I was able to get the "to paypal" button working via "button image". Thank You! I moved the two files out of /img foldor to root of public_html.
hopefully this will be better.
Still unsure about changing to height of the form to keep from cutting of background and the css for the upload button?
Your service is top notch thank you for your help!
Thanks for your reply.
Sorry though but I too could not open your button images here. It redirects me to your cpanel login page. You can upload them here if you like [Upload].
To change your filepicker.io upload button, simply inject the following CSS codes to your form.
background: url('https://server42.web-hosting.com:2083/viewer/home%2fprinjpul%2fpublic_html/upload.png') no-repeat !important;
The values are based on my sample image, feel free to edit it specially the Image URL (bolded on the code), width and height values to get the desired result. Thank you!
Thank You very much for your help!
I have the buttons showing up correctly through injecting css. I have 2 issues still. The background of the form is cut off at the bottom and im not sure how to increase the height of the form and or iframe.
Also, when i injected the css to show the "to paypal" button, the default button remains.
Please see updated site.
I forgot to include in my previous post the i uploaded the button images to the link provided.
Thank You for such excellent help
I cloned your form and did some changes.
Have a look: http://support.jotform.com/form/31055666667967
Let me know if this is okay.
the width of the address fields are too wide? can you shorten them to fit within the background?
Otherwise this is perfect! I appreciate your help so much.
Your support is crazy good!
Please check this and let me know if this is fine: http://support.jotform.com/form/31055666667967
can the fields be centered over the background? or have all forms moved to the right by a few pixels.
That would be perfect!
Thank You very much!
Please check it now and see if this is okay: http://support.jotform.com/form/31055666667967
This is perfect! How do i access this like my regular form?
Again, You provide the best support out of any website or service that I have ever used!
Thank you for your time and understanding.
Very Happy customer
You can clone this form so that it come to your account. Refer this guide on How to clone an existing form from a URL
Let us know if you need further assistance.