Canvas Manual
Search…
v4.1
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
Monthly Calendar Scheduling Widget
No Reply Comments Thread
Nested Comments Thread (with Like and Reply)
Placeholder Group
List with Circular Progress Bar Repeating Group
Top Input Chat Widget
Bottom Input Chat Widget
Toggle Tabs Group
Single-Select or Multi-Select Pill Tabs Group
Settings group
To-Do List Repeating Group
Title Group with Button and Filters
Product Details Group With Progress Bar
Listing details with Icons and Menu Focus Group
Week Daily Availability Group
Frequently Asked Questions (FAQ) Repeating Group
Dismissible Module
Video Group
About Group
Add to Cart Group
Full Width Map with Directions Link
Location Module (Map and Directions)
Drag and Drop Repeating Group
Infinite Columns Horizontal Scroll Data Table with Fixed First Column
Expiration timer
Popups
Reusables
Powered By GitBook
About Group
Use this to display information about a user or company on a product page.

Overview

UI for displaying details about a thing. The left side of the block contains a section to display a photo (e.g., company logo or user profile). The right side contains a section to display description text and a button. No workflows are associated with this block.

Structure

  • When this block is added to a page, it is placed within a group called Blocks container 860 (do not rename) on the page. This group contains the responsive settings for all blocks.
  • This block Group aboutGroup contains three main groups:
    • Group Main header contains a title text and a hidden description text
    • Group Main about tile contains the block's main content and ui components
    • Group PLACEHOLDER - This is a placeholder group in the block. If you add more elements to the group, please resize this group and ensure it is not overlapping with any other elements.

How to set up

  • Update Image Profile pic's data source
  • Update the data source of all text elements
  • Add a workflow to Button Contact host or hide the button if not needed
Previous
Video Group
Next
Add to Cart Group
Last modified 2mo ago
Copy link
On this page
Overview
Structure
How to set up