New Form Layout: Address fields not displaying properly in custom URL.

  • Profile Image
    FriasTM
    Asked on December 18, 2017 at 06:41 PM

    In the address section of our form, the boxes are stacked on top of each other and not displaying correctly. 

    This is the standard Address widget built into Jotform.

    See screenshot and please advise on how to fix this without losing all of my other customer's data.

  • Profile Image
    djoler
    Answered on December 18, 2017 at 07:26 PM

    Hi,

    Try to put this code into custom CSS:

    div.jfField[data-type="address_line_1"]{

    -webkit-box-flex: 0;

      flex: 0 0 50%;

    margin-top: 1.5em;

    }

    div.jfField[data-type="address_line_2"]{

    -webkit-box-flex: 0;

      flex: 0 0 50%;

    margin-top: 1.5em;


    }

    Here, you can check how to inject custom CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I hope to hear good news, from you!

  • Profile Image
    BDAVID
    Answered on December 18, 2017 at 09:11 PM

    @FriasTM, we apologize for the inconvenience, I have checked your form, and the issue reproduces only on the custom URL, example:

    Your custom URLhttps://form.jotform.us/FriasTM/long-hauling-suspicion-form 

    1513649023CUSTOM.png

    VS

    Form's direct default link: http://www.jotform.us/form/72295302191149 

    1513649125defaultlink.png

    Even though the code provided by @djoler would solve the problem, unfortunately, CSS injection is not available for forms with the "Single Questions in One page" layout:

    1513649324singlequestionsinonepage.png

    I have forwarded this issue to our back-end team. You will be notified via this thread when the issue gets fixed. 

  • Profile Image
    BDAVID
    Answered on December 18, 2017 at 09:14 PM

    Meanwhile, can you please try the following:

    1) Reset your custom URl: 

    1513649609reset_001.png

    2) Clear your forms cache: https://www.jotform.com/help/229-How-to-Clear-Your-Form-Cache 

    3) Create your custom URL again: https://www.jotform.com/help/261-How-to-Create-a-Custom-URL-of-a-Form 

    Let us know if that solves the issue.

  • Profile Image
    Scott
    Answered on December 19, 2017 at 07:16 AM

    Hey everyone,

    This styling issue was fixed before and like David said it was due to cached styles.

    Thank you for contacting us FriasTM, let us know if you ever need anything else.

    Cheers!