Centering radio buttons on form

  • Profile Image
    snaplash
    Asked on June 14, 2017 at 04:26 PM

    Hi I am using the radio buttons as shown:

     

    I have managed to center the text, but is it possible to center the Radio Button Switches themeselves?

     

    Thanks in advance

  • Profile Image
    Mike
    Answered on June 14, 2017 at 05:34 PM

    You may try changing the field label alignment to the left, and leaving the label empty.

    Result:

    If you need any further assistance, please let us know.

  • Profile Image
    snaplash
    Answered on June 14, 2017 at 06:01 PM

    Thankyou for the repsonse.

     

    It works in the simulator, but on an actual phone it does not.

     

    I am using a Galaxy S3 as the lowest common denominator for testing and it is not centered.

     

    Please advise!

  • Profile Image
    BDAVID
    Answered on June 14, 2017 at 07:16 PM

    Please inject the following CSS code to center them in mobile views: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    @media only screen and (max-width: 480px) {

    [data-type="control_radio"]{

        width: 50% !IMPORTANT;

        margin: auto !IMPORTANT;

    }

    }

    Result:

    Let us know if you need more help.