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

    Designer vs Preview do not match

    Asked by jcrowe on June 09, 2015 at 12:32 PM

    The Screen shot on the top is a picture of how these text boxes look in the Designer Mode. However, when I Preview the form, it appears as the screen shot on the bottom?

    What am I missing, how do I make them match?

    Screenshot
    preview designer picture text boxes top
  • Profile Image

    Answered by Syed on June 09, 2015 at 01:16 PM

    Hi there;

             Could you please provide us your form link here, so that we can make some tests, and will help you accordingly. Please let us know further, we would be glad to help you.

     

    Thankyou,

  • Profile Image

    Answered by jcrowe on June 09, 2015 at 01:46 PM

    http://form.jotformpro.com/form/51594577347973

  • Profile Image

    Answered by jcrowe on June 09, 2015 at 01:53 PM

    I want it to look like the designer view.

     

  • Profile Image

    Answered by Syed on June 09, 2015 at 01:59 PM

    Hi there;

            Thankyou for the URL you provided. Could you please try to inject the following CSS Code Block to get two column layout, read this guide on How you can Inject Custom CSS Codes. I cloned your form for this particular thread. Review the following screenshot for confirmation.

    .form-line-column { width:50% !important; }

    .form-label.form-label-left {width:100px !important; }

    Or; if you want to clone this form you can, anytime; http://support.jotform.com/form/51595816307966. Read this guide on How you can JotForm from existing URL.

    I hope this helps. Please let us know, if you need more assistance, we would be glad to help you.

     

    Thankyou,