What Bubble Style Changes
Bubble Style changes the appearance of a Radio or Checkbox element. When Bubble Style is enabled:
Each choice appears inside a rounded button.
The selection control remains visible inside the button.
All choices within the element use the same style.
The collected submission data does not change.
Conditional logic and workflow triggers continue to use the selected values normally.
Bubble Style is a visual setting. It does not create a different field type or change how responses are stored.
Where Bubble Style Is Available
Bubble Style is available for Radio and Checkbox elements in:
Forms
Surveys
Quizzes
The completed asset can be used on Kyrios Websites and Funnels or placed on an external page through its available integration or embed options. Existing assets keep their current styling until Bubble Style is manually selected.
How to Enable Bubble Style
1. Open the Form, Survey, or Quiz
For a form:
Go to Sites.
Select Forms.
Open the form you want to edit.
For a survey or quiz, open the corresponding Surveys or Quizzes area and select the asset you want to edit.
2. Add or Select a Radio or Checkbox Element
Drag a Radio or Checkbox element onto the editing canvas. To update an existing element, select it directly on the canvas. The element settings will open in the right sidebar.
3. Open the Options Tab
In the right sidebar, select Options. The Options tab contains the field’s visual style, option labels, and related display settings.
4. Select Bubble
Under Style, select Bubble. The preview on the canvas updates to show each choice as a rounded button. Bubble Style applies to every choice within the selected Radio or Checkbox element.
5. Save and Preview the Asset
Click Save after selecting Bubble Style. Use Preview to confirm that:
Every option is visible.
The labels fit inside the buttons.
The choices display correctly on desktop and mobile layouts.
The selected state is easy to identify.
Publish or integrate the asset using the same process you normally use for a Form, Survey, or Quiz.
Configure the Choice Labels
The Option Label area controls the text displayed for each choice. From the Options tab, you can:
Edit an existing option label.
Add another option.
Delete an option.
Reorder options.
Enable Allow Other Option when available.
Keep option labels short when using Bubble Style. Longer labels may require more horizontal or vertical space.
Use Bubble Style with Spread to Columns
Use Spread to Columns when you want multiple choices arranged across columns instead of displayed only in a vertical list. This setting can help align short choices such as:
Yes and No
Call, Email, and Text
Small, Medium, and Large
Always preview the layout at multiple screen sizes. The available width and number of choices determine how the buttons wrap.
Responsive Behavior
Bubble Style is designed to adapt to different screen sizes. On narrower screens, choices may resize or wrap onto additional lines. The exact layout depends on:
The number of choices
The length of each label
The field width
Whether Spread to Columns is enabled
The width of the page containing the asset
Preview the asset in both desktop and mobile modes before publishing.
Common Issues and Fixes
Bubble Style Is Not Available
Confirm that the selected element is a Radio or Checkbox element. Bubble Style does not apply to unrelated field types such as Single Line, Multi Line, or Dropdown elements.
Only One Choice Needs Bubble Style
Bubble Style cannot be applied to only one choice within an element. The selected style applies to every option in that Radio or Checkbox element. Create separate elements when different visual treatments are required.
The Buttons Wrap Unexpectedly
Shorten the option labels or adjust the field width. You can also disable Spread to Columns to display the choices vertically.
The Published Asset Still Shows Standard Style
Confirm that you clicked Save after selecting Bubble. Then refresh the published page or reopen the preview. A cached version of the page may continue to display the previous style temporarily.
Workflow Automation Is Not Running
Bubble Style does not control workflow behavior. Confirm that the workflow trigger, field value, and selected option labels match the configuration used by the Form, Survey, or Quiz submission.
FAQ
Does Bubble Style change the submitted value?
No. Bubble Style changes only the visual presentation of the Radio or Checkbox element. The selected option is submitted normally.
Does Bubble Style affect conditional logic?
No. Conditional logic continues to use the selected option values.
Will workflows triggered by submissions continue to work?
Yes. Bubble Style does not change submission data or workflow triggers.
Can Bubble Style be enabled for only one option?
No. Bubble Style applies to the entire Radio or Checkbox element, including every choice inside that element.
Can Standard Style be restored later?
Yes. Open the element’s Options tab and select Standard under Style.
Does Bubble Style work on mobile devices?
Bubble Style is responsive, but the final arrangement depends on label length, field width, and column settings. Preview the asset on mobile before publishing.
Does Bubble Style require custom CSS?
No. Bubble Style can be selected directly from the element’s Options tab without adding custom CSS.