Form looks right in builder, but not in preview or on web

  • Profile Image
    max123jot
    Asked on September 10, 2016 at 02:02 PM

    jot form had given advice on inject css

    it now looks right in builder, but not on web

    i probably did something wrong w how the code was injected

    please advise

    m

  • Profile Image
    Kevin_G
    Answered on September 10, 2016 at 10:57 PM

    I have checked your form and it looks the same in the Form Builder and when loading the direct link to it, here are some screenshots about it: 

    What I would suggest you is to clean the CSS code that you have injected to your from, please try removing all the existing code and injecting this one instead: 

    #input_15 {

        width : 300px;

        font-size : 20px;

    }

    .form-line.form-line-column.form-col-2 {

        width : 130px;

    }

    #label_14 {

        width : 100px;

    }

    .form-dropdown {

        width : 100px;

    }

    #input_14 {

        width : 200px;

    }

    .form-line.form-line-column.form-col-4.jf-required {

        width : 40px;

    }

    #input_22 {

        width : 150px;

    }

    The form layout may change depending on the embed method you're using to embed it, for example, if you're using the source code of your form then there may be some CSS styles in your form that are affecting the embedded form. 

    However, you may provide us the link to the webpage where you're embedding it as well as the desired layout, we will be glad to check it for you. 

    Thanks. 

  • Profile Image
    max123jot
    Answered on September 12, 2016 at 11:11 AM

    awsome

    m