Designer vs Preview do not match

  • Profile Image
    jcrowe
    Asked 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?

  • Profile Image
    Syed
    Answered 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
    jcrowe
    Answered on June 09, 2015 at 01:46 PM

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

  • Profile Image
    jcrowe
    Answered on June 09, 2015 at 01:53 PM

    I want it to look like the designer view.

     

  • Profile Image
    Syed
    Answered 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,