Using Bubble Style for Radio and Checkbox Elements
What is Bubble Style?
Bubble Style is a modern design option available for radio buttons and checkboxes within your CRM's Form, Survey, and Quiz builders. When enabled, it replaces the standard square or circular selection indicators with larger, rounded bubble shapes. This design enhances readability and makes interactive elements more engaging for users.
Key Benefits
- Fresh Look: Transform the appearance of selection fields with a contemporary rounded bubble design.
- Easy Toggle: Switch between the standard style and bubble style with a single click in the builder's Options tab.
- Improved Usability: The larger bubble shapes are easier to see and interact with, especially on touch screens.
- Responsive Design: Bubble elements automatically adjust to fit any screen size, from mobile to desktop, without extra configuration.
Responsive Behavior
Bubble Style is fully responsive by default. The bubble elements resize smoothly across all devices, ensuring that tap targets remain appropriately sized and accessible on smartphones, tablets, and larger screens.
Tip: For optimal layout, combine Bubble Style with the Spread to Column feature to neatly align multiple-choice answers on any device.
Compatibility and Limitations
- Works with Forms, Surveys, and Quizzes embedded in Funnels, Websites, or external pages via embed code.
- Purely visual: Does not alter submission data, conditional logic, or workflow triggers.
- No automatic migration: Existing forms retain their current styling until you manually enable Bubble Style.
How to Set Up Bubble Style
Follow these steps to apply Bubble Style to your form elements:
- Go to Sites → Forms (or Surveys/Quizzes) and click Edit on your desired form.
- Drag a Radio or Checkbox field onto the canvas, or select an existing one.
- In the right sidebar, choose the Options tab.
- Under the Style section, select Bubble.
- Click Save, then preview or embed your form as usual. The new bubble styling will be live immediately.
Frequently Asked Questions
Does Bubble Style affect page load speed?
No. The styling uses lightweight CSS and adds negligible overhead to page load times.
Can I apply Bubble Style to individual options within a multi-choice field?
No. Bubble Style applies to the entire Radio or Checkbox element; all options within that field will share the same bubble design.
Will workflows triggered by form submissions still function correctly?
Yes. Bubble Style is purely a visual enhancement and does not impact data submission or workflow triggers in any way.