Single Choice Field Alignment: Centering for better mobile layout

  • info720_info_Peter_Grouios
    Asked on April 14, 2025 at 9:48 AM

    Hi,

    How can I centre the radio button block so that it looks good on mobile?

    Single Choice Field Alignment: Centering for better mobile layout Image 1 Screenshot 20

    Jotform Thread 26166171 Screenshot
  • info720_info_Peter_Grouios
    Replied on April 14, 2025 at 9:53 AM

    Single Choice Field Alignment: Centering for better mobile layout Image 1 Screenshot 20

  • Keenly JotForm Support
    Replied on April 14, 2025 at 10:53 AM

    Hi info720_info_Peter_Grouios,

    Thanks for reaching out to Jotform Support. Yes, the Single Choice element (radio button block) can definitely be centered in a way that looks great on mobile. To achieve this, we'll use custom CSS to control the alignment and spacing. Let me walk you through the steps:

    1. First, copy this code:

    li#id_9 {
        padding: 12px 250px !important;
    }
    @media only screen and (max-width: 600px) {
    li#id_9 {
        padding: 12px 25px !important;
    }
    }

    2. Then, in Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is saved automatically.

    Single Choice Field Alignment: Centering for better mobile layout Image 1 Screenshot 20

    Give it a try, and let us know how it goes.

  • info720_info_Peter_Grouios
    Replied on April 14, 2025 at 10:59 AM

    Thanks!

    Does jotform offer paid workflow set-up?


  • Kyle JotForm Support
    Replied on April 14, 2025 at 11:23 AM

    Hi info720_info_Peter_Grouios,

    We don't provide custom form creation or designing services, but you're welcome to work with a third party who may be able to help you. You can check out our Jotform Solutions Partner Directory for a list of consultants who've asked to be included. 

    You can get in touch with the right Solutions Partner for you by sorting them by location, type of service, industry, language support, or partner tier. Just fill out the contact form for the Jotform partner you'd like to work with, so they can make the necessary preparations to help you.

    Keep in mind, though, that these parties operate independently of Jotform, so we assume no responsibility or liability for their work or their actions. 

    Let us know if you have any other questions.Single Choice Field Alignment: Centering for better mobile layout Image 1 Screenshot 20

Your Answer