Fixing overlapping fields on form

  • ronshuller
    Asked on November 11, 2017 at 8: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

  • Richie JotForm Support
    Replied on November 11, 2017 at 1: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.

    Fixing overlapping fields on form Image 10

    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



  • Mike
    Replied on November 11, 2017 at 5:28 PM

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

    Fixing overlapping fields on form Image 1 Screenshot 20

    If you need any further assistance, let us know.