How to center the Button Radios Widget on mobile?

  • Profile Image
    sarahahmad67866
    Asked on June 11, 2017 at 08:02 AM

    Hi, Please review 2 issues I'm currently facing.

     

    1. I've been trying to make the button radio center aligned on mobiles / tabs but it' not helped.

    I've aligned them to center for desktops, and also want to see them aligned center on mobile screens. in 2 columns. Please suggest a appropriate code

     

     

     

     

     

     

     

     

     

     

    2.

    When I click on continue the form height expands accor to form elements, and contacts. is there a way that form height is kept static and the form not expands and contracts. this link can help you understand what I mean.

    http://debt-advisory-services.co.uk/qualification.html

     

    Thanks

  • Profile Image
    Jim_R
    Answered on June 11, 2017 at 10:10 AM

    To center the Button Radios Widget on mobile, inject the following CSS codes to the widget itself (not to the Form Builder):

    #radio-container {

      text-align: center;

    }

    Complete guide: How-to-Inject-CSS-Codes-to-Widgets

    Keep in mind that you'd have to do this on all the Button Radios that you want to be centered.

    Result:

    Your 2nd question has been moved to a separate thread https://www.jotform.com/answers/1169877

    We'll have it addressed there shortly.