How to Display Choices in Columns

Introduction

The Display in columns setting provides a built-in option in the Form Editor to arrange field choices into columns. You can select the number of columns and choose whether choices are displayed horizontally or vertically. This article explains how to use the new setting.

Note: Previously, arranging Checkbox and Radio Buttons field choices into columns required the use of Ready Classes. With the release of Gravity Forms 3.1, support for legacy markup and CSS Ready Classes will be entirely removed.

Locate the Setting in Field Settings

After adding a Checkbox or Radio Button field:

  1. Open Field Settings.
  2. Go to the Appearance tab.
  3. Check the option Display in columns.
  4. Select the desired column configuration (number of columns and alignment).
Image showing Display in column setting

Settings Reference

SettingDescription
Display in columnsCheck this option to display the choices in columns instead of a single column.
Number of columnsSelect how many columns (1–5) the field choices should be arranged into. Defaults to 1
Column Sort DirectionColumn Sort Direction determines how choices are ordered when displayed in multiple columns:
Across fills left to right, then moves to the next row
Down fills top to bottom, then moves to the next column.
Image showing a Radio Buttons field with Columns set to Across
Image showing a Radio Buttons field with Columns set to Down