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

    My submit button works when PayPal is selected, but not when Chéque is

    Asked by dejamour on May 14, 2012 at 12:42 AM

    My submit button works when PayPal is selected, but not when Chéque is selected. I followed your suggestions to the "T". Can you help me please?

    Here it is online: http://voyagedeconscience.com/inscription.html

    Thanks!



    This is a re-post of a comment on How to Set up PayPal Along with Other Payment Options

  • Profile Image
    JotForm Support

    Answered by liyam on May 14, 2012 at 01:03 AM

    Hello,

    I'm not sure what you mean by I followed your suggestions to the "T", but I tried to clone and test your form and I did not find any problems with Chéque payment selected.

    The only problem that I'm seeing is that the length of the form is too long when the Chéque payment selected which hides the submit button.  To solve this, please try using the embed script code instead:

  • Profile Image

    Answered by dejamour on May 14, 2012 at 11:23 AM

    Good eye! Your tech support is the greatest! I had the form height set in CSS on my page, so I just increased the size and VOILA! it worked!

    Speaking of "voila", you probably noticed that the form is in French. I need to know how to change two more things on this form. 

    1. The names of the months in the birthdate pull down selection field to these:

    Janvier
    Fevrier
    Mars
    Avril
    Mai
    Juin
    Juillet
    Aout
    Septembre
    Octobre
    Novembre
    Decembre 
    2. The "Choose file" button text and the accompanying text "No file selected" to French. I'd also like to change the button color and style to match the submit button on the form... can I do that too? If so, how?

    Thanks!
  • Profile Image

    Answered by jeanettebmz on May 14, 2012 at 03:46 PM

    It is great to know you solved the previous issue!

    In order to create forms in a different language, you must first select your preferred language before adding any form elements.

    1st choose your preferred language at the bottom left part of the Form Builder page.

    In your case, first select French and then add , for example, the Birthday picker tool .

    Regarding to the color change to match the submitt button on the form, you can inject a custom CSS code

    I have done an example here  in order to get similar look for the mentioned buttons

    Below you have CSS custom code I have used, but you can select any other color code for the elements: #cid_9.form-input  (the upload button)  #input_2.form-submit-button (submit button)

    According to your needs


    #cid_9.form-input{
    color:#707070 !important;
    background:#A8A8A8!important;
    font-weight:bold;
    }


    #input_2.form-submit-button
    {

    color:#707070 !important;
    background:#A8A8A8!important;
    font-weight:bold;
    }

    I would suggest you to set the current submit button style to NONE , in order to accomplish that

    Should you need further assistance, let us know

    Jeanette

  • Profile Image

    Answered by dejamour on May 14, 2012 at 06:42 PM

    Jeanette,

    Thanks for your response. However, you failed to respond to my question about the names of the months in French. I DID create this form in French, but there are MANY places throughout the forms that do not have the translations in place, such as the names of the countries, the months, the upload button, the clear button, the print button and many of the warnings and such, so I need to know how to go in there and fix them all.

    And with the buttons, I chose the book blue2 theme. What would I put on ALL the buttons to have them consistent? And how do I change the text in the Clear Form button, the Upload button, Chose File button and it's accompanying text "no file chosen"? And of course, I'd like to have them all the same theme as the Submit button.

    My suggestion is to have ALL button choices be changed in a dialog box with button sample colors and language choice so that everything gets changed at once.

    Thanks!

  • Profile Image

    Answered by jeanettebmz on May 14, 2012 at 07:18 PM

    Regarding to the names of the countries, unfortunately, the only way to accomplish this is by pasting them into a dropdown menu. You can easily find the complete list in French by making a search in Google, then choose a dropdown  field  and then click on Options, from toolbar

     

    Regarding to the names of the months, if you remove the current Birthday picker , then change the language to French and then add the "Date of naissance"  ,  you save it and then...voila, it will show the months in French, please see my example (I figure out french, as it is similar to my spanish mother tongue)

    NOTE : in other words, change the language and then start building or re-building your form

    Regarding to the style of the buttons, when you apply a theme for the submit button it will be also applied to the clear and print button.

     

    However, there might be a workaround , to accomplish the same for the upload button, because as you can see on the image above the upload button will take the properties of your OS installed on your computer (mine is Spanish and it shows "Examinar" on that button) .

    Let me think for the solution in the meantime

     

    Best regards,

    Jeanette

  • Profile Image

    Answered by dejamour on May 14, 2012 at 07:50 PM

    Hi Jeanette. Thank you for working on this for me. I really appreciate it.

    I already figured out the month thingy. But to go into Google and have to do a search and then past the country names into a list seems like a work around, not a solution. I have other sites to do forms on, one being Spanish, and a couple in Italian, and some more in French. Will I have to do this each time, along with various warning statements, thank yous and button texts? Do you see where I am going with this?

    In your eample above, do you notice that your Clear Form and Print Form are in English, and your Upload button is in Spanish? How do we change these?

  • Profile Image

    Answered by jeanettebmz on May 14, 2012 at 07:56 PM

    Like I said, my upload button is in Spanish because that is the Operating System of my computer (OS), as I have explained you, the upload button is a feature that belongs to the OS of your machine , in other words, it is called from the operating system by a function. That is why.

    Regarding to the Print and Clear form you are right, I am sorry if I didn't notice (I had my mind switched into english) However , I think this can be modified with a custom code

  • Profile Image

    Answered by jeanettebmz on May 14, 2012 at 09:39 PM

    Hello again dejamour

    Ok, I have come with a workaround for your form.

    Please check my form here  (it's a clone of yours) in order to see if this is what you want to accomplish regarding to the style of your upload button

    You can clone it , or  you can copy and paste this code, by injecting it into your own form. It is pretty much the same code for the Blue button theme of your Submit button

    .qq-upload-button
    {cursor: pointer;-moz-border-radius:.2em;
    -webkit-border-radius:.2em;
    border-radius:.2em;padding:8px 18px;color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-shadow:0px -1px 0px #142353;border:1px solid #3d4f8b;-moz-box-shadow:inset 0px 0px 0px 1px rgba(147, 187, 255, 0.30), 0px 2px 2px 0px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow:inset 0px 0px 0px 1px rgba(147, 187, 255, 0.30), 0px 2px 2px 0px rgba(0, 0, 0, 0.30);
    box-shadow:inset 0px 0px 0px 1px rgba(147, 187, 255, 0.30), 0px 2px 2px 0px rgba(0, 0, 0, 0.30);background: #305096; /* old browsers */
    background: -moz-linear-gradient(top, #5277c8 0%, #305096 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5277c8), color-stop(100%,#305096)); /* webkit */
    background: linear-gradient(top, #5277c8 0%, #305096 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5277c8', endColorstr='#305096', GradientType=0 ); /* ie */
    }button.form-submit-button-book_blue2:hover{
    color: #ffffff !important;
    border:1px solid #3d4f8b !important;
    background: #4668af; /* old browsers */
    background: -moz-linear-gradient(top, #6f93e1 0%, #4668af 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f93e1), color-stop(100%,#4668af)); /* webkit */
    background: linear-gradient(top, #6f93e1 0%, #4668af 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f93e1', endColorstr='#4668af', GradientType=0 ); /* ie */
    }button.form-submit-button-book_blue2:active{
    color: #ffffff !important;
    border:1px solid #3d4f8b !important;
    position: relative;
    top: 1px;
    background: #4668af; /* old browsers */
    background: -moz-linear-gradient(top, #4668af 0%, #6f93e1 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4668af), color-stop(100%,#6f93e1)); /* webkit */
    background: linear-gradient(top, #4668af 0%, #6f93e1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4668af', endColorstr='#6f93e1', GradientType=0 ); /* ie */
    -moz-box-shadow:inset 0px 0px 0px 1px rgba(147, 187, 255, 0.30), 0px 1px 1px 0px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow:inset 0px 0px 0px 1px rgba(147, 187, 255, 0.30), 0px 1px 1px 0px rgba(0, 0, 0, 0.30);
    box-shadow:inset 0px 0px 0px 1px rgba(147, 187, 255, 0.30), 0px 1px 1px 0px rgba(0, 0, 0, 0.30);
    }

     

    Cheers!

    Jeanette

  • Profile Image

    Answered by dejamour on May 15, 2012 at 12:47 AM

    Wow Jeanette! You must LOVE code! Well I injected this stuff right into my site's veins and... from my Mac on OS 10.7.4, I only see a "Choose File" button with text next to it saying "No file selected". Now that's in Safari. And Chrome. And OmniWeb. But in Firefox and Camino, I see only a "Browse..." button. None of these have your pretty new styling, sorry to say. I liked how that looked on your example! Are you on a PC?

    Now sorry to keep pestering you, but what about the text in the Clear Form and Print Form buttons? How do I change that?

    And when I choose PayPal and submit, there is a messaage that says "Processing..." here it come... how do I chagne that?!?

    I know, I am a pain in the butt...  ;o)

  • Profile Image

    Answered by AtacanC on May 15, 2012 at 07:19 AM

    @dejamour

    If i am not mistaken, to change the texts of Clear Form and Print Form buttons you need to download your form's source code and make the necessary changes on it. Please check out the links below for more information.

    Clear Form and Print Form

    About your second question, i am not quiet sure if it can be done. But i will take a look at it. Meanwhile, i am sure that on of my colleagues will also come up with an idea.

  • Profile Image

    Answered by jeanettebmz on May 15, 2012 at 12:40 PM

    @dejamour

    Do not worry, you are one of users and deserves our attention  =)

    What my colleague AtacanC has advised to you is right. The only way to replace the words"print" and "clear form"  by the ones into your language.  is to download the source code .

    Regarding to paypal : do you mean , the message once you click on the "submit" button?

    In my example form, it shows me the word "patienter" because I chose French before adding the Paypal tool

     

    So , delete the paypal field and change your settings to french, then add Paypal again. It should work

     

    Jeanette