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

    The form result is not what was made in JotForm.

    Asked by PaulLaing on August 22, 2013 at 12:44 PM

    I worked on the format for about 30 minutes and thought I had it licked BUT, it would seem that some things that seem too good to be true, are not. I tried different templates and styles over two days abnd had pritywell the same results.

    A) The Date / Time Stamp is scrambled and text is white instead of yellow

    B) Name field is way off base

    C) City and State / Provence fields don't exist

    D) Postal / Zip Code disproportunate

    ?) No field

    E) Text missing

    F) Unalike and field not defined

    G) Unalike

    Instructions / Comments field missing

    I am using Xara Web Designer 9 Premium

    My Web Site is Http://last-unicorn-creations.com and the form is on "Quote" page

    I developed this on your site and used the XARA filter to inport to my page.

    Can you help me out? I am at a loss and I canot, in reality, consider putting out money for my busness if this is the potential result. I assume the software is the same but it is the time / access I would be paying for. I thank you.

     

    Paul Laing / Last Unicorn Creations (pglaing@shaw.ca)

    P.S. On import of the code there was no question regarding colour.

     

     

    Page URL:
    http://last-unicorn-creations.com

    Screenshot
    JotForm name xara format time stamp
  • Profile Image
    JotForm Support

    Answered by Welvin on August 22, 2013 at 03:56 PM

    Hi Paul,

    Good day and thanks for contacting us. I've fixed it. Please kindly check again and let us know if there are items that is incorrect.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on August 22, 2013 at 04:00 PM

    Also, I recommend re-embedding your form using our iframe method: How to Get Form iFrame Codes. This should help you to prevent script conflicts.

    Thanks

  • Profile Image

    Answered by PaulLaing on August 22, 2013 at 07:05 PM
    Welvin

    I wish to thank you for your time and efforts. Most of the form is corrected but, “Time / Date, Full Name and State / Province” are the same. At first sending it in I made it dark to explain the differences. I have now adjusted the theme (as I wanted it in the first place) and “Time / Date, Full Name and State / Province” are still screwed up and although the theme is change in JotForm it remains the same. It is almost like the program is not saving anything that is changed.

  • Profile Image

    Answered by pinoytech on August 22, 2013 at 10:55 PM

    Hi Paul,

    Can you please take a look at this clone form if this is something you want to achieve ony our form?

    http://www.jotformpro.com/form/32339019922959

    If yes, please follow this simple steps:

    1. Change form style Label Width from 150 to 105.

    2. Remove your current custom css codes and replace with this codes:

    /*--label top styles--*/

    .form-label-top, .form-label-left{

    color:#F2D605 !important;

    }

    /*--remove focus border--*/

    .form-textbox:focus, .form-textarea:focus{

    outline: none;

    }

    /*--form header style--*/

    .form-all h3{

    margin:0;

    background:#57a700 url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6138_form_heading.gif) repeat-x;

    color:#F2D605;

    font-size:20px;

    border:1px solid #57a700;

    border-bottom:none;

    margin-left: 1px;

    }

    /*--mail icon--*/

    .form-all h3 span{

    display:block;

    padding:10px 20px;

    background:url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6139_form_ico.gif) no-repeat 93% 50%;

    }

    /*--form section style--*/

    .form-section{

    border-radius:5px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    padding-left: 4px;

    margin:0;

    border:1px;

    border-top:3px solid #000;

    background:#000 url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6142_form_top.gif) repeat-x;

    }

    /*--textbox, textarea style--*/

    .form-textbox, .form-textarea{

    font-family:verdana;

    border:1px solid #111;

    background:#282828 url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6140_form_input.gif) repeat-x;

    padding:5px 3px;

    color:#fff;

    }

    /*--form submit button style--*/

    .form-submit-button{

    padding:0 20px;

    height:32px;

    line-height:32px;

    border:1px solid #70ad2e;

    background:#5aae00 url(https://cms.jotform.com/uploads/image_upload/image_upload/global/6141_form_button.gif) repeat-x;

    color:#fff;

    cursor:pointer;

    text-align:center;

    }

    /*--reduce form line--*/

    .form-line{

    padding:5px !important;

    }

    /*--remove form top padding--*/

    .form-all{

    padding-top:0px !important;

    }

    /*--for html texts--*/

    .form-html {

    padding: 0px !important;

    padding-right: 7px !important;

    }

    /*--remove error message--*/

    .form-error-message {

    display: none !important;

    }

    .form-line-error {

    background:none repeat scroll 0 0;

    }

    /*--reduce error font size--*/

    .form-button-error {

    font-size: 11px !important;

    }

    /*--add red border on error--*/

    .form-validation-error {

    border: 1px solid red !important;

    }

    .form-radio-item label {

    color:#F2D605 !important;

    }

    .form-textarea {

    width: 357px !important;

     

    }

     

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by UnicornCreations on August 23, 2013 at 10:42 AM

    You DID IT! From your help it enabled me to learn enough to create a form from scratch. I realy do thank you for all your help. I only have a question and I believe I can leave you alone :). What does this area mean?

    It states that my form is "Here" and has two other buttons. It is above the code to be embedded.

    Thanks again for all your help.

    Paul Laing / Last Unicorn Creations

     P.S. JotForm is one great Program *****

  • Profile Image
    JotForm Support

    Answered by Welvin on August 23, 2013 at 02:45 PM

    Hi Paul,

    Good day! Glad that we are able to help you with your form. It's always our pleasure to help. I ain't sure what you mean by your second question. What's "here" ? I would suggest opening a separate thread if it is irrelevant from your original question.

    http://www.jotform.com/answers/answer.php?

    Thanks