Switch between Searchable and Expanded Button layouts of Dropdown lists on a Contact Form

In a Contact Form you can change the way that a Dropdown is displayed. You can choose between

  • a Compact Searchable Dropdown

  • an Expanded Set of Buttons

To do this, you just need to use the Layout toggle to change that question’s appearance.

What this article covers

How to change the layout

  1. Go to the My Apps option in the top menu.

  2. Click on Contact Forms.

  3. You arrive on the Manage Contact Form page. Manage your Contact Forms

  4. On the Manage Contact Form page, click on the title of the Contact Form.

  5. You arrive on the Contact Form’s profile page.

  6. Scroll down to the Multiple Choice (Dropdown) question.

  7. Click on the Actions Button next to the Dropdown you want to change the layout of

    image-20240626-024641.png
  8. Click on Layout option.

    image-20240626-024856.png
  9. A popup appears with choices of Compact and Expanded for the options.

  10. Select the option for how you want to display the options for this particular question.

  11. You can set the layout for all the questions similarly.

What each layout looks like

When displayed as a Compact Searchable dropdown menu

  • This allows you to search as you type when looking for an Answer Choice

  • It’s recommended for when you have a high number of Answer Choices - e.g. for a dropdown such as Ethnicity, Medical Condition, Industry Sector, etc.

When displayed as an Expanded set of buttons

  • The Expanded Button layout is used by default

  • It’s recommended for when you have a small number of Answer Choices because it allows people to see all the options available to them in one go and make their choice quickly.

Single Choice dropdowns

This is how it looks when you can select only one option

Unlimited & Several Choice dropdowns

This is how it looks when you can select multiple options

Related articles