Divide checkboxes or radio buttons into columns

When you add a field of type Checkboxes, they will be displayed as one per line. Like this:

APF plain checkboxes

Sometimes, you might want to display them in 2 or more columns, like this:

APF checkboxes in columns

The CSS code snippets below will achieve the column layout. Read here where to safely add it to your site.

Checkboxes

Supply your license key to unlock the code

Since this is a custom-coded snippet, please enter your license key so we can verify your purchase.

You can replace 2 with the number of columns you need.

Radio buttons

Supply your license key to unlock the code

Since this is a custom-coded snippet, please enter your license key so we can verify your purchase.

You can replace 2 with the number of columns you need.

Was this article helpful?

Related Articles