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
Free Bubble Marketing Page
Premium Bubble Marketing Page
Centered Profile Page
Left-Justified Profile Page
Standard page
Toggle Tabs Page
Menu Page
Mobile Menu Page
Video List Page
Standard Portal / Dashboard Page
Simple Portal / Dashboard Page with Icons
Double Sidebar Portal Page Template
Search Page
Map Search Page with Toggle and Filters
Floating Map Search Page
Search Bar Page
Multi-Step Page With Progress Bar
Standard Multi-Step Process Page
Multi-Step Process Page with Sidebar
Gallery Profile or Product Page
Sidebar Profile Page
2-Column Menu Tabs Page
2-Column Checkout Page
2-Column Video Chat Page
Vertical Multi-Step Page Template
Blocks
Popups
Powered By
GitBook
Standard page
Use this to create custom product, profile, and more detail pages.
Overview
Standard centered page layout where multiple blocks can be stacked on top of each other (they should not be overlapping).
Structure
When this page is added to your app, it will come with one main group:
Blocks container 860 (do not rename)
This group contains the responsive settings for all blocks on the page. Any new blocks should be added to this group.
This page comes with one popup:
Popup Hidden Variables
contains two groups:
var - Website object
This group stores the website object (e.g., app name, primary color, and etc.)
var - dummy data
A placeholder group in case you want to use any hidden variable groups later.
This page will come with one reusable element:
​
header
​
How to set up
Resize
Blocks container 860 (do not rename)
and add other blocks inside of it
Update text content in
Group Collapsible page title
(please note that the group will be hidden when the page width is less than or equal to 850px)
Previous
Left-Justified Profile Page
Next
Toggle Tabs Page
Last modified
14d ago
Copy link
Contents
Overview
Structure
How to set up