How to create same size buttons for Yes/No questions also how to align options in multiple choice questions?

  • Kamzany
    Asked on September 19, 2018 at 7:32 PM

    Hello,

    I have two questions;

    First, about Yes/No widget, I used it to created a two-option question and as one option is longer than the other, they look very uneven. Also when using multiple choice questions, depending on the number of options and the length of answers, there is a great chance of having something visually not pretty. How can I fix these two issues? (Here are the examples)

    Thanks for the help!How to create same size buttons for Yes/No questions also how to align options in multiple choice questions? Image 10How to create same size buttons for Yes/No questions also how to align options in multiple choice questions? Image 21

    Jotform Thread 1585740 Screenshot
  • Jed_C
    Replied on September 19, 2018 at 10:46 PM

    Sorry, but the customization on Card Forms are limited. If you want to customize your field button you'll need to use the classic version and inject some CSS code.

    Let us know if you have any questions or if you need further assistance. 

  • Kamzany
    Replied on September 20, 2018 at 11:59 AM

    Thanks for the quick reply, is there an instruction/walkthrough document on "How to use the classic version and inject some CCS codes" that I can use?

  • roneet
    Replied on September 20, 2018 at 1:19 PM

    To change the Form Layout from Cards layout to the Classic one you may refer to this screenshot.

    How to create same size buttons for Yes/No questions also how to align options in multiple choice questions? Image 10

    In the classic style form, you may inject custom CSS in the Form Designer.

    How to create same size buttons for Yes/No questions also how to align options in multiple choice questions? Image 21

    Guide-to-inject-custom-CSS:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps!

    Thanks.