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.


  • Profile Image

    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

     

    https://server42.web-hosting.com:2083/viewer/home%2fprinjpul%2fpublic_html%2fimg/upload.png

     

    and replace the to paypal button with 

     

     

    https://server42.web-hosting.com:2083/viewer/home%2fprinjpul%2fpublic_html%2fimg/paypal.png

     

    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.

     

    Thank You

    Tim

    Page URL:
    printmypano.com

    Screenshot
    height custom button paypal button png hosting
  • Profile Image
    JotForm Support

    Answered by Welvin on April 16, 2013 at 04:32 AM

    Hi,

    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.

    Thanks

  • Profile Image

    Answered by carterceo on April 16, 2013 at 09:06 AM

    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.

    upload button

    https://server42.web-hosting.com:2083/viewer/home%2fprinjpul%2fpublic_html/upload.png

    to paypal

    https://server42.web-hosting.com:2083/viewer/home%2fprinjpul%2fpublic_html/paypal.png

    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!

    Tim

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 16, 2013 at 10:49 AM

    Hi Tim,

    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.

    .filePicker-button {

    background: url('https://server42.web-hosting.com:2083/viewer/home%2fprinjpul%2fpublic_html/upload.png') no-repeat !important;

    box-shadow: none;

    border: none;

    font-size: 0;

    width: 200px;

    height: 40px;

    }

    Guide: How to Inject Custom CSS Codes to your Form

    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!

     

  • Profile Image

    Answered by carterceo on April 16, 2013 at 12:08 PM

    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.

    printmypano.com

  • Profile Image

    Answered by carterceo on April 16, 2013 at 12:11 PM

    I forgot to include in my previous post the i uploaded the button images to the link provided.

     

    Thank You for such excellent help

     

    Tim Carter

  • Profile Image

    Answered by sidharth_kch on April 16, 2013 at 02:11 PM

    @carterceo

    I cloned your form and did some changes.

    Have a look:  http://support.jotform.com/form/31055666667967

    Let me know if this is okay.

    Thanks,

    Sidharth

  • Profile Image

    Answered by carterceo on April 16, 2013 at 02:59 PM

    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!

    Thank You

    Tim

  • Profile Image

    Answered by sidharth_kch on April 16, 2013 at 03:20 PM

    @carterceo

    Please check this and let me know if this is fine: http://support.jotform.com/form/31055666667967

    Thanks,

    Sidharth

  • Profile Image

    Answered by carterceo on April 16, 2013 at 03:51 PM

    Very close!

    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!

     

    Tim

  • Profile Image

    Answered by sidharth_kch on April 16, 2013 at 04:14 PM

    @carterceo

    Please check it now and see if this is okay: http://support.jotform.com/form/31055666667967

    Thanks,

    Sidharth

  • Profile Image

    Answered by carterceo on April 16, 2013 at 04:19 PM

    Yes!

    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

    Tim Carter

    printmypano.com

  • Profile Image

    Answered by sidharth_kch on April 16, 2013 at 04:25 PM

    @carterceo

    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.

    Thanks,

    Sidharth