Single choice options line cropping into two lines

  • Rouleur
    Asked on April 2, 2019 at 8:14 AM

    We have a long term form, active on our site (Vote on the 2019 Cycling Hall of Fame inductees) that has altered without our input. The form is 600 pixels wide, so should be plenty of room to display all the single-choice options on one line each.


    However, it has recently changed and is cropping many of the options onto two lines instead.


    I have tried altering many variables, but can't get it back to how it was before.

  • Richie JotForm Support
    Replied on April 2, 2019 at 10:40 AM

    I have checked your embedded form and I can view the questions in a single line.

    Single choice options line cropping into two lines Image 1 Screenshot 20

    May we know what browser are you using to replicate the issue?

    Can you please try using another web browser in viewing your form and let us know if the issue still remains?

  • Rouleur
    Replied on April 3, 2019 at 5:00 AM

    Your screenshot is showing the problem, as is replicated on Safari and Chrome. Longer entries (such as Jacques Anquetil and Bradley Wiggins) shouldn't be split over two lines when the form width is 600px.


    This was not happening until recently despite us not changing anything in the form.


    Attached screenshot is showing the problem on Safari:


    1554282001Screenshot 2019 04 03 at 09 Screenshot 10

  • jonathan
    Replied on April 3, 2019 at 8:41 AM

    We apologized for the inconvenience caused. I have fixed it on your form by adding the CSS codes

    .form-radio-item:not(#foo) label {

        width: 100%;

    }

    You can check on your website also that it was fixed.

    1554295279zzz 2019 04 03 20 Screenshot 10


    Let us know if issue persist.