Canvas Documentation
Bubble Best Practices
v2
v2
  • Welcome
  • Introduction
  • Contents
  • Using Bubble
    • Bubble basics
    • Bubble best practices
      • Principles
      • Database
      • Design
      • Security
      • SEO
      • Speed
      • Modularity
        • Data triggers
  • Using the template
    • Getting the template
    • Setup
      • Quickstart
      • Features and configuration
        • Customizable landing page
        • Header menu
        • Menu focus group
        • Styles and colors
        • Extending the admin portal
        • Set a password policy
        • Enable cookies
        • Alerts
        • Emails
        • Hidden variables popup
        • Set up index page redirects
        • Set up payments on account page
        • Set up social media links
        • Search engine optimization (SEO)
        • Setting up domains
        • Legal docs
    • Extending the template using Canvas Pages
      • How it works
      • Get started
      • Setting up added modules
      • Updating Canvas styles
    • Extending the template manually
      • Padding
      • Pages, groups, and popups
      • Hiding groups
      • Styles
    • Reference
      • Pages
        • index
        • admin
        • home
        • account
        • verify
        • login and loginsimple
        • termsofservice
        • privacypolicy
        • reset_pw
        • standardpage
        • 404
      • Reusable elements
        • header
        • footer
        • signup/login
        • popupsreusable
        • menufocusgroup_template (︙)
        • menufocusgroup_user
        • menufocusgroupfeature_b
        • menufocusgroup_email
        • menufocusgroup_notifications
        • menufocusgroup_shoppingcart
        • menufocusgroup_search
        • cookiespermission
        • homepageblocks
        • admin portal reusables
          • admindashboard
          • admingeneralsettings
          • adminemail
          • adminseosettings
          • adminsocialmediasettings
          • adminsocialmediainfo
          • adminlegalpages
          • adminhomepagesetup
          • adminstyles
          • adminfeaturebacklog
      • Data and workflows
        • Data structure
        • Option sets
        • API workflows
      • Canvas Pages: lists of modules & page templates
  • Demos
    • Yelp for Books
  • Other Canvas templates
Powered by GitBook
On this page
  • Edit the Dummy Table
  • Adding additional tabs to the Admin portal

Was this helpful?

  1. Using the template
  2. Setup
  3. Features and configuration

Extending the admin portal

PreviousStyles and colorsNextSet a password policy

Last updated 5 years ago

Was this helpful?

The Admin portal can be accessed by app admins via the (e.g. https://test-app.bubbleapps.io/admin). This portal allows you to do the following:

  • Customize your (website landing page)

  • View app usage statistics (new user signups, total users, past user signups, total active users)S

  • : Define site title and description

  • & images displayed when your site is shared on social media

  • , optionally force users to accept these

Instructions for how to use the Admin portal are scattered throughout these pages. Features are grouped here by the type of change rather than the location that the user makes it. If you want an in-depth overview of just this page, .

Edit the Dummy Table

In order to make the Admin portal more useful to admin users, you can set up data tables similar to the Users table that already set up on the owner page.

The easiest way to do this is to edit the Dummy table (Group Dummy Tab) which is hidden below the User's table on the admin page. Make sure to make the following changes:

  1. Title (is "Dummy" by default)

  2. Set up the placeholder text or image for when no items are found. This is found in the group called "group no entries", and should be something like "This User table is empty"

  3. Change the data type of the RepeatingGroup Dummy and set up a search

  4. Set up the columns of the table: column names and the actual content

  5. Set up the workflows for this group, including:

    1. Action for Add Dummy button

    2. Action for Download Data button

  6. Change the Nav settings on FloatingGroup B to show this element. You'll need to unhide Group Nav 7 tab (in the portal sidebar navigation) and give the tab a different text to display (e.g. "Tweets"). For more context, see the screenshots below.

After each change you make here, make sure to view the web page in version-test in order to check whether it works as expected.

Adding additional tabs to the Admin portal

In order to make the Admin portal more useful to admin users, you can set up data tables similar to the Users table that comes with the template.

The steps are nearly the same as above, but you'll need to be sure to resize the Group Placeholder as well, and refer to Group Nav 8 tab instead of Group Nav 7 tab, which refers to the dummy table by default

You're all set! These guidelines are specific to the Admin portal, but they can be useful as a common design pattern to follow for a portal/dashboard page.

admin page
home page
SEO
Set up social media links
Upload Terms of Service and Privacy Policy
Define some app styles
PM Tool: organize app features/bugs in a backlog (can also send requests for help to AirDev from here)
View app data in custom dashboards
check out the reference
The Owner's Dashboard
Group nav 7 tab before configuration
Group nav 7 tab after configuration
Setting up conditional logic of new table