How to Use Answer Option Types in Quizell
Introduction
The way your answer options look changes how people experience your quiz. A visual product question feels very different from a quick yes/no, and Quizell lets you match the format to the moment. With answer option types, you can turn the same set of answers into tappable tabs, image cards, a searchable dropdown, and more — so every question is as clear and engaging as it can be.
This guide covers the five option types, how to switch between them, and how to lay them out and style them.
Where to find option types
- In the editor, select a question's answer options
- In the settings panel, open the Choose an option type dropdown
- You'll see five types: Selection Control, Image, Dropdown, Tab, and Icon.
The five option types
Selection Control
A familiar form-style layout, with a selectable control (like a radio button) next to each label. This is a natural fit when you want an unmistakable single-select feel and a clear "this is what I picked" state.
Image
Turns each answer into a visual card with an image above the label — ideal for product choices, styles, or anything people decide with their eyes. You control the image size, corner radius, how many appear per row, and the spacing between them.
Dropdown
A compact menu that keeps long answer lists tidy. You can add a placeholder and even enable search within the list, so people can filter to their answer quickly — perfect for questions with many options.
Tab
Clean, tappable buttons — a great all-purpose choice for short text answers. Tabs work well laid out in a grid or stacked in a single column, and they're the only type that supports an "Other" option for free-form answers.
Icon
Pairs a small icon or image with each label, adding a visual cue while staying compact. It's a nice middle ground when full image cards would be too big but plain text feels flat.
How to change the option type
- Select the question's answer options in the editor
- Open the Choose an option type dropdown
- Pick a type — your options instantly re-render in that style
Your answer text carries over, so you can try different types without rebuilding the question.
Managing your answer options
In the Answer Options list, you can:
- Add options with Add Option
- Edit an option's text inline
- Reorder options by dragging the handle
- Delete an option with the trash icon
- Add an "Other" option (available for Tab only) to let people write in their own answer
You can also set the Font Family, size, formatting, and text alignment for your options.
Arranging your options
- Arrangement — lay options out horizontally or vertically
- Options per row — how many options sit side by side
- Space between rows — spacing for grid layouts (e.g. image options)
- Use separate Mobile Arrangement — turn this on to give mobile its own layout, so a grid on desktop can become a single column on smaller screens
Styling your options
Most types share two sets of styles:
- Default state styles — the normal look: background color (Tab / Input / Dropdown color), text color, borders, and corner radius
- Selected state styles — how an option looks once chosen, so people clearly see their selection
Some types add their own controls:
- Image — image width, height, corner radius, and image alignment
- Dropdown — placeholder text and the Search text in dropdown list toggle
Choosing the right type
- A clear, single-select form feel → Selection Control
- Visual choices (products, styles, looks) → Image
- Long lists of answers → Dropdown
- Short text answers → Tab
- Compact options with a visual cue → Icon
Best practices
- Match the type to the content. Visual decisions deserve Image options; long lists belong in a Dropdown.
- Set a clear selected state. A distinct selected color reassures people their choice registered.
- Keep image sizes consistent so image cards line up cleanly.
- Check mobile. If your grid feels cramped on phones, turn on Use separate Mobile Arrangement.
- Use "Other" sparingly. Reserve the Tab-only "Other" option for when a write-in answer genuinely adds value.
Important notes
- The "Other" option is available for Tab options only.
- Search within the list is a Dropdown feature.
- Switching types keeps your answer text, but type-specific styling (like image sizes) applies only to the relevant type.
What's next?
Choosing the right option type for each question keeps your quiz clear, on-brand, and easy to complete.
Updated on: 08/08/2026
Thank you!