How do I line up radio button YES NO questions?

  • Profile Image
    HACA
    Asked on April 11, 2015 at 09:25 PM

    I have several yes/no questions with radio buttons. The questions are used with conditional logic.  How can I removed the skewed appearance of the responses? In the image the YES buttons line up, but the NO buttons are off even if the label is or approximately the same length.

    Thanks guys!

  • Profile Image
    Syed
    Answered on April 12, 2015 at 07:45 AM

    Hi there;

              Upon check, you need to inject some CSS Code Block at the end to work this. Kindly, refer our guide here on How to Inject Custom CSS Codes.

    Code Block Need to Injected:

    @media only screen and (min-width: 480px) {.form-multiple-column[data-columncount="3"] .form-radio-item, .form-multiple-column[data-columncount="3"] .form-checkbox-item {width: 100px !important;}}

    Please will let us know, if you have further questions. We would be happy to assist you in any way.

     

    Thankyou,

    - Syed

  • Profile Image
    HACA
    Answered on April 12, 2015 at 08:43 AM

    Hi Syed,

    I inserted the recommended code block.  Another simple and perfect fix.

    Thanks!

  • Profile Image
    Syed
    Answered on April 12, 2015 at 08:45 AM

    You are welcome :) shout us anytime if you need further assistance in any way.

     

    Thankyou,

    - Syed