Getting Started with Enhanced Choices

When you add content to your enhanced choices, the components set to visible will be automatically shown in the field editor. You can still add new components to any card within the field editor, however. Start by styling the card design using the available styling options in the sidebar. Update colours, fonts, backgrounds, borders and more.

Use the staus toggle buttons to set different styles for default and selected card status. Once you’re happy with the design, save the theme and navigate to the form editor.

Start by adding either a radio or checkbox field to your form and activate the Enhanced Choices checkbox.
By default, the theme you just created will be the selected theme for the field, but you can change this to any of your pre-designed themes.

Start by editing the choices fields, adding the choices you’d like and giving them a title. As we added a Lable component to our cards, the choice label will be automatically shown int the choice card.

Click the edit content button to start customising the card content and design.Use the navigation arrows to swap between choices. Here you can start to add the rich content for each component, update the images, text and button text for each card.

Finish by saving your form, and add it to your page. Here we can see the columns in the cards are spilling onto 2 rows, lets fix that.

Back in the form editor, open the Enhanced Choices tab, and set the columns from fixed width, to auto width. Save and refresh the page. At any point, you can make design changes to your theme.

Update the theme in the form editor by clicking the “Reload Theme” button which will update the theme preview to show the latest changes you just made.Use the “override component style” toggle to make design changes to individual cards for further customisation.

With your content updated, and your design changes made, you can see how much customisation you can make to elevate the look of your choices inside Gravity Forms.