Fixing overlapping fields on form

  • Profile Image
    ronshuller
    Asked on November 11, 2017 at 08:01 AM

    On the following form - https://form.jotform.com/73136437746967  - 

    Under the heading of PHOTOGRAPHY, the lines are printing over each other.

    Help

    Thanks

  • Profile Image
    Richie_P
    Answered on November 11, 2017 at 01:08 PM

    I think your positions are fixed that is why it is overlapping and in advanced properties disable shrink to both single choice properties.

    15104234634.png

    Here is a css code that I have changed

    .form-multiple-column {

        padding : 5px;

        width : 650px;

        position: relative;

        display: inline-block;

    }

    #label_input_129_1 {

        width : 700px;


    }

    Also, here is the form that I have duplicated and fixed the position, it may seem overlapping in the build preview but if you run it the positions are fixed.

    https://www.jotform.com/build/73144739233457



  • Profile Image
    Mike
    Answered on November 11, 2017 at 05:28 PM

    The issue with the size of the radio items may be also related to the max-width style.

    If you need any further assistance, let us know.