With Jotform, you can easily create cleaner, more engaging forms using the Futurico Radio Buttons widget. This free widget lets you customize the look of your radio buttons by choosing a font style and color that match your form’s design — making your options stand out and feel more polished.
It’s a great fit for forms that require users to pick from a list of choices, helping you present selections in a way that’s modern, readable, and visually consistent. Whether you’re building surveys, registration forms, or product selection workflows, this widget helps your form feel more intentional and user-friendly.
Here are a few ways to use it:
- Add clean, modern-looking radio buttons to any form that requires a choice from a list.
- Improve readability and visual consistency on surveys, quizzes, and feedback forms.
- Help users make clearer selections on order forms, booking forms, and registration workflows.
- Make long or detailed forms feel more organized by styling option fields in a way that stands out.
- Give your forms a more polished, branded look by matching radio button fonts and colors to your design.
Whether you’re building a new form or editing an existing one, you can add and configure the Futurico Radio Buttons widget in just a few steps. This is how it’s done:
- In Form Builder, click on Add Element on the left side of the page.
- Now, in the Form Elements menu, under the Widgets tab, search for Futurico Radio Buttons and click on it. Or, just drag and drop it to where you want it to be on your form.
- Next, in the Widget Settings menu that opens on the right side of the page, under the General tab, you’ll see this list of settings you can configure:
- Options — Enter the label of the options you want to add to the widget in the input box, each on a new line.
- Font — Select an available font in the dropdown menu to change how the radio button label text appears on your form.
- Font Color — Delete the default value in the input box and enter the HEX color code you want for the label text without the #. Leaving this field blank will keep the text black.
- Once everything’s set, click on Update.
That’s it. Now you’ve added and set up the Futurico Radio Buttons widget on your form. Wondering how it looks in action? Check out this demo form.
Notes
- For advanced styling of the Futurico Radio Buttons widget, you can add your own custom CSS code under the Custom CSS tab in the Widget Settings. Our guide on How to Inject CSS Codes to Widgets walks you through everything.
- You can also configure the widget properties, like alignment, labels, size, visibility, and more, to control how it looks and behaves on your form. Check out our guide on How to Access and Configure the Question Properties of a Widget to learn more.




Send Comment: