Littlebay Templates Documentation
  • Welcome!
  • Quick Links & Tips
    • Littlebay Forum
    • Support Email
    • Built-In Documentation
    • Navigating the Bubble Editor
    • Navigating this Documentation
    • List of Bubble Guides
  • Messaging Template
    • Release Notes
      • 05/28/21 Guide on How to Update the Template's Select Conversation Workflow
      • 09/05/20 Guide on How to Update the Template's Video Chat Service
      • 06/14/19 Guide on New Conversation Functionality
    • About this Template
    • Setup Guide
    • Development Guides
      • Built-In Workflow Notes
      • Pages Summary
      • Reusable Elements Summary
      • Passwords
      • Translating Your App
      • Mini Guides
        • How to Remove Group Conversation Functionality
        • How to show the Chat window after clicking "Message" on the Profile Page when a Conversation Exists
      • Pages & Reusable Elements (Organized by Folder)
        • 1. Marketing
          • index
          • landing
          • 404
        • 2. Navigation
        • 3. Logged In
          • account
          • admin
          • change_pass
          • confirm
          • messages
            • Pageload Design
              • 1. Responsive
              • 2. Mobile Pageload
              • 3. New User
              • 4. New Conversation (Parameter)
              • 5. New Conversation w/ User (Parameter)
              • 6. View Conversation (Parameter)
              • 7. Viewing/Editing the Colors of the Message 'Bubbles'
            • Built-In Functionality
              • 1. Start a Conversation
              • 2. View/Select a Conversation
              • 3. Search for a Conversation
              • 4. Delete or Leave a Conversation
              • 5. View More Messages in a Conversation
              • 6. View Unread Messages
              • 7. See Who's Typing
              • 8. See Who's Seen Each Message
              • 9. Send Images in a Message
              • 10. Send Files in a Message
              • 11. Send a GIPHY in a Message
              • 12. Send a YouTube Video in a Message
              • 13. Start a Video Chat
          • onboard
          • profile
            • 1. Follow/Unfollow the User
            • 2. Send a Message to the User
            • 3. View the User's Followers
            • 4. View Who the User is Following
            • 5. Edit Profile
          • reset_pw
        • 4. Legal
          • privacy_policy
          • terms
    • Design Resources
      • Design Overview
      • Design Guide
      • UI Components
      • Page Templates
  • Responsive Base Template
    • Release Notes
    • About this Template
    • Setup Guide
    • Development Guides
      • Built-In Workflow Notes
      • Pages Summary
      • Reusable Elements Summary
      • Passwords
      • Translating Your App
      • Pages & Reusable Elements (Organized by Folder)
        • 1. Marketing
          • index
          • landing
          • 404
        • 2. Navigation
        • 3. Logged In
          • account
          • admin
          • change_pass
          • confirm
          • onboard
          • profile
            • 1. Follow/Unfollow the User
            • 2. View the User's Followers
            • 3. View Who the User is Following
            • 4. Edit Profile
          • reset_pw
        • 4. Legal
          • privacy_policy
          • terms
    • Design Resources
      • Design Overview
      • Design Guide
      • UI Components
      • Page Templates
Powered by GitBook
On this page
  • How to create a new page by starting from a page template:
  • List of Page Template Designs
  • Page Template 1: No Sidebar (zlayout_1_no_sidebar)
  • Page Template 2: Single Sidebar (zlayout_2_single_sidebar)
  • Page Template 3: Double Sidebar (zlayout_3_double_sidebar)
  • Page Template 4: Floating Sidebar (zlayout_4_floating_sidebar)
  1. Responsive Base Template
  2. Design Resources

Page Templates

PreviousUI Components

Last updated 5 years ago

How to create a new page by starting from a page template:

There are four 'page template' designs within the template. These are pre-built, responsive pages (without data/workflows) that you can duplicate anytime you create a new page to save some time!

In the pages/reusable elements organizer, click "Add a new page..."

  1. Enter the name of your new page, and select one of the four page template designs from the "Clone from" dropdown (e.g., "zlayout_1_no_siderbar", "zlayout_2_single_sidebar", "zlayout_3_double_sidebar", "zlayout_4_floating_sidebar"). In this example, I chose the third page template design:

  2. Click the Create button, and Bubble will automatically navigate you to your new page:

  3. Customize this page in any way you'd like! 🙂

List of Page Template Designs

Page Template 1: No Sidebar (zlayout_1_no_sidebar)

Page Template 2: Single Sidebar (zlayout_2_single_sidebar)

Page Template 3: Double Sidebar (zlayout_3_double_sidebar)

Page Template 4: Floating Sidebar (zlayout_4_floating_sidebar)