Multiple Choice: How to show question and option side by side?

  • 365D
    Asked on September 4, 2024 at 10:04 PM

    I attached picture file. I want to move the paragraph on the right side to below the heading.

    Jotform Thread 18676481 Screenshot
  • Sonnyfer JotForm Support
    Replied on September 5, 2024 at 1:36 AM

    Hi Jen,

    Thanks for reaching out to JotForm Support. I see you're using the Multiple Choice field to create your Paragraph. To show them side by side, you can inject the below CSS Code to your form:

    /* Display multiple choice label and sublabel side by side -#18676481 */
    label#label_52 {
      width: 300px ! important;
    }
    label#label_input_52_0 {
      width: 300px;
      margin-top: -490px;
    }
    input#input_52_0 {
      margin-left: 320px;
      margin-top: -490px;
    }
    /* Code ends here */

    It's really easy to do, let me show you how:

    1. In Form Builder, click on the paint roller icon.A screenshot of Form Builder with an arrow pointing to the paint roller icon    to open Form Designer Screenshot 20 Screenshot 20
    2. Select the Styles tab.A screenshot of Form Builder with an arrow pointing to the Styles tab in the Form Designer pane Screenshot 31 Screenshot 31
    3. Scroll down through Inject Custom CSS and enter your CSS code.The Inject Custom CSS field in Jotform Form Builder Screenshot 42 Screenshot 42

    That's it. Here's a link to my demo form that you can clone, and below is what it looks like afterward:

    Multiple Choice: How to show question and option side by side? Image 1 Screenshot 53

    Let us know if you need any more help.

  • 365D
    Replied on September 5, 2024 at 10:45 AM
    Hi, I think I tried, Can you check if I did it correctly?
    Thanks,
    Jennifer
    ...
  • Paolo JotForm Support
    Replied on September 5, 2024 at 11:06 AM

    Hi Jennifer,

    I checked your form, and i can see that you did it correctly. Check the screenshot below for the results:

    Multiple Choice: How to show question and option side by side? Image 1 Screenshot 20

    If that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?

    After we hear back from you, we’ll have a better idea of what’s going on and how to help.

  • 365D
    Replied on September 5, 2024 at 3:00 PM
    That is what I have now, but I want the right side paragraph below the
    first paragraph, not side by side. Can you do that for me?
    ...
  • Joeni JotForm Support
    Replied on September 5, 2024 at 3:32 PM

    Hi Jennifer,

    Can you please confirm if this is what you want to achieve? Take a look at the screencast below:

    Multiple Choice: How to show question and option side by side? Image 1 Screenshot 20 If so, can you please confirm if you want to expand the width of the first and second paragraphs so we can help you achieve this?

    Once we hear back from you, we'll be able to help you with this.

  • 365D
    Replied on September 5, 2024 at 4:15 PM
    I mean the PFD document layout is different from the form layout. I want
    the PFD checkbox paragraph under the heading.
    ...
  • Paolo JotForm Support
    Replied on September 5, 2024 at 4:53 PM

    Hi Jennifer,

    You can do simple edits on Jotform's PDF editor. It'ss easy to do it, let me show you how:

    1. In Form Builder, on the top left of the orange navigation bar at the top of the screen, click on Form Builder with a Dropdown Arrow.

    2. Select PDF editor. It will then open the PDF view.

    Multiple Choice: How to show question and option side by side? Image 1 Screenshot 30

    3. Now just click on the field that you want to move on top of your heading, and drag it upwards.

    Multiple Choice: How to show question and option side by side? Image 2 Screenshot 41

    Give it a try and let us know if you have any other questions.


  • 365D
    Replied on September 5, 2024 at 8:55 PM
    I only need to change the checkbox field, the very last field. as the
    problem in the attached picture.
    ...
  • Sonnyfer JotForm Support
    Replied on September 5, 2024 at 9:28 PM

    Hi Jennifer,

    Unfortunately, your screenshot didn't reach this thread, as it was sent in email. Can you send it again following this guide? Meantime, I checked your PDF Editor but can't seem to locate the field from your first screenshot.

    Multiple Choice: How to show question and option side by side? Image 1 Screenshot 20

    Once we hear back from you, we'll have a better idea of what's going on and how to help.

Your Answer