Canvas Manual
Search…
v4.0
Introduction
Key Features
What's New
Canvas Design System Figma File
CANVAS FUNCTIONALITY
Getting Started
Branding & Design
Marketing Pages
Bubble Pages & Blocks
Roles & Permissions
Menus & Navigation
Data & Workflows
Emails & Alerts
Privacy rule checker
Miscellaneous
Reference
Bubble Best Practices
Learning Bubble Basics
Principles
Database
Design
Security
SEO
Speed
Modularity
Canvas library
Page templates
Blocks
Popups
Confirmation Popup
Message Popup
Image Popup
Video Popup
Vertical Scroll Popup
Edit Popup
Standard Form Popup
Subscribe Popup
Feedback / Contact Popup
Details Popup
Add List Popup
Advanced Form Popup
Rating Popup
Toggle Tabs Popup
Share Popup
Multi-Step Popup
Invoice Popup
Stripe Credit Card Purchase Popup
View Profile Popup
Send Message Popup
Multi-Select Pill Tabs Popup
Pricing Plans Popup
Powered By
GitBook
Toggle Tabs Popup
Use this to prompt a user to rate or review a product or service.
Overview
Tab-like UI component for showing and hiding groups and tabs in a popup.
Structure
This popup includes the following:
Group Main tabs_text
has a data source of type text. The tab that the user is currently viewing will be saved in this group.
Group Nav 1 tab -
holds tab 1's text name
Clicking
Button TAB ITEM 1
will display
Group Nav 1 tab's
text in
Group Main tabs_text
Group Nav 2 tab -
holds tab 2's text name
Clicking
Button TAB ITEM 2
will display
Group Nav 2 tab's
text in
Group Main tabs_text
Clicking on
Group close (toggle tabs popup)
,
Button Cancel
, and
Button Save changes
will close the popup
RepeatingGroup Dummy
displays a list of things
How to set up
Update the tab names in
Group Nav 1 tab
and
Group Nav 2 tab.
Resize Button Tab items 1 & 2 and the their parent groups accordingly.
Add or remove elements in
Group Main tab 1 content
and
Group Main tab 2 content
Update the data source of
RepeatingGroup Dummy
Update the text elements and inputs data sources
Add a workflow to
Button Save changes
Add a workflow on the page to show
Popup toggleTabsPopup
Previous
Rating Popup
Next
Share Popup
Last modified
14d ago
Copy link
Contents
Overview
Structure
How to set up