"Hiding" An Element Extends It's Width

  • Profile Image
    gpetza
    Asked on June 30, 2020 at 11:30 AM

    It seems that selecting "Hide Field" adds a lot of unnecessary width to the element and you CANNOT have 2 elements next each other (see screenshot). 

    Is there a way around this?


    1593530947Screenshot.jpg

  • Profile Image
    Jovanne_A
    Answered on June 30, 2020 at 11:59 AM

    Hi, thank you for reaching out to us.

    The hidden fields will only take a full width when the field is active. The field will return to its width when it is not selected.

    15935326635.gif


    Let us know if you have further questions.

  • Profile Image
    gpetza
    Answered on June 30, 2020 at 12:17 PM

    Ok, thanks.  Then how come I cannot get fields to be side-by-side when the build view has them shown next to each other ... but the published version does not.  See screenshot.

    This happens with a lot of elements on all my forms.  


    1593533830Screenshot.jpg

  • Profile Image
    VincentJay
    Answered on June 30, 2020 at 02:24 PM

    Please enable the Customer Number form field to Move to a new line. Here's a screenshot guide:

    1593541337gsdgbd.png

    After that, please let us know if you need further help. Thank you.

  • Profile Image
    gpetza
    Answered on June 30, 2020 at 03:13 PM

    I have done that now ... still no luck.  See attached.


    Last image is of it published (still on separate lines)


    1593544402Screenshot.jpg

  • Profile Image
    VincentJay
    Answered on June 30, 2020 at 04:33 PM

    Please check my demo form: https://form.jotform.com/201815245042950

    I increased the form width to 790px. Will that work for you? 

    1593549216vadheq.png

    If not, we can apply a custom CSS code to reduce the width of the form field.