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

    Border not showing on the form

    Asked by Jonneal3 on July 23, 2017 at 06:37 PM

    look at this form:

    https://form.jotform.us/71944857681168

     

    Why isnt the border showing?

    Also,

    if I have a multistep form, with a part 1 and part 2,

    what should the thank you URL be (in this example above with the orthodontics quiz part 1

    and 2) for part 1, if I want part 1 to go to part 2, but part 2 is a separate landing page with the form 

    on that landing page as HTML source code?

     

  • Profile Image
    JotForm Support

    Answered by jonathan on July 23, 2017 at 07:07 PM

    Can you please describe more which border you were referring to. I reviewed your form and I see the border around the form.

     

    We will resolve the other question on a separate thread here https://www.jotform.com/answers/1206219

     

  • Profile Image

    Answered by Jonneal3 on July 25, 2017 at 07:07 PM

    Go look in the CSS code... It should be a thicker black border with that script... It wont show on the live form

  • Profile Image
    JotForm Support

    Answered by jonathan on July 25, 2017 at 08:33 PM

    Thank you for the explanation. I now see what you meant.

     

    Allow me more time to check and figure out the correct CSS codes needed. I'll be back shortly.

  • Profile Image
    JotForm Support

    Answered by jonathan on July 25, 2017 at 08:57 PM

    Please change the CSS codes to this

    .supernova .form-all, .form-all {
        border: 1px solid black;
    }

    Result:

     

     

  • Profile Image
    JotForm Support

    Answered by jonathan on July 25, 2017 at 09:05 PM

    You can also review my test form https://www.jotformpro.com/72058304344956

    This are the CSS codes I used.


    .supernova .form-all, .form-all {
        margin : auto !important;
        text-align : center !important;
        border: 1px solid black;
    }

    .form-pagebreak-back-container {
        display : none !important;
    }

    .form-header,.form-subHeader,.form-label,.form-label-auto,.form-label-top {
        text-align : center !important;
        width : 100% !important;
    }

    .form-sub-label-container {
        left : 15% !important;
        position : relative;
    }

    [data-type="control_phone"] .form-sub-label-container:first-child {
        margin-left: 23% !important;
        position: relative !important;
    }

    I hope this help. Let us know if you need further assistance.