What new option in Webflow allows for the complete customization of form checkboxes and radio buttons?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

Webflow recently introduced a new feature that allows for the complete customization of form checkboxes and radio buttons. This feature is called "Custom Forms" and it gives you the ability to design your own checkboxes and radio buttons, providing a more unique and tailored design to match your website's overall aesthetic.

Here's how you can access and use Custom Forms in Webflow:

Open your Webflow project and go to the "Designer" tab.
Select the form element (checkbox or radio button) that you want to customize.
In the right sidebar, click on the "Settings" tab.
Scroll down until you find the "Custom Forms" section.
Enable the "Enable custom styles" option.

Once you've enabled custom styles, you'll be able to customize the appearance of the checkboxes and radio buttons using the available options:

Checkbox Style: This dropdown menu allows you to choose from different checkbox styles like default, switch, pill, minimal, and thumbnail.
Checkbox Elements: Here, you can customize the individual elements of the checkbox, including the background color, size, border, and label text.
Radio Style: Similar to checkbox style, this dropdown menu lets you select a specific radio button style from options like default, pill, minimal, thumbnail, and custom.
Radio Elements: Customize the various elements of the radio button, including background color, size, border, and label text.

By utilizing the Custom Forms feature, you have the flexibility to create checkboxes and radio buttons that match your website's design and branding. This allows you to provide a more cohesive and visually appealing experience for your users.

In addition to visual customization, it's important to ensure that your custom forms are accessible and user-friendly. Make sure to test your custom forms across different devices and screen sizes to ensure they function correctly and are easy to interact with.

With the ability to fully customize form checkboxes and radio buttons, Webflow's Custom Forms feature empowers you to create a more personalized and engaging user experience on your website.

Additional Questions:

How do I enable custom styles for checkboxes in Webflow?
What are the different checkbox styles available in Webflow's Custom Forms feature?
Can I customize the appearance of radio buttons in Webflow?

What are some key features of Webflow?

How can components be published in Webflow without overwriting changes made in the filesystem?

Can someone who has gone from a paid plan to a free plan on Webflow help me understand what will happen if I exceed the free limits and if I need to delete one of my four websites?

What are the main features and functionalities of Webflow?

What are some suggested features that users would like to see added to Webflow, specifically related to the Quick Stack element and table functionality?

Is there a way to improve the mobile performance of my site on Webflow?

Can someone help me understand the different plans and accounts offered by Webflow, specifically regarding the ability to transfer projects?

For a Webflow layout like the one described, does loading related content and pushing down the rest of the page require custom code, or is it possible to achieve this using Webflow's built-in features?

Is the open state for the menu button not showing in the element settings of Webflow?

Can I create country-specific blogs within subfolders using Webflow's URL structure and a third-party language management solution?