Centering radio buttons on form

  • snaplash
    Asked on June 14, 2017 at 4:26 PM

    Hi I am using the radio buttons as shown:

     

    Centering radio buttons on form Image 1 Screenshot 20

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

     

    Thanks in advance

  • Mike
    Replied on June 14, 2017 at 5:34 PM

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

    Centering radio buttons on form Image 1 Screenshot 30

    Result:

    Centering radio buttons on form Image 2 Screenshot 41

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

  • snaplash
    Replied on June 14, 2017 at 6: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!

  • David JotForm Support Manager
    Replied on June 14, 2017 at 7: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:

    Centering radio buttons on form Image 1 Screenshot 20

    Let us know if you need more help.