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
  1. Messaging Template
  2. Development Guides
  3. Pages & Reusable Elements (Organized by Folder)
  4. 3. Logged In
  5. messages
  6. Built-In Functionality

9. Send Images in a Message

Previous8. See Who's Seen Each MessageNext10. Send Files in a Message

Last updated 6 years ago

Bubble currently doesn't have its own multi-image uploader plugin.

Though Users can send multiple image files, they are stored as 'files' within the database, not images. This is because the only way to upload multiple image files at a time (currently), is to use Bubble's Multifile Uploader's plugin.

As a workaround, the template uses Bubble's Multifile Uploader plugin to allow the Current User to upload image files. Once the filers are uploaded, the template displays those image files in the Repeating Group Uploaded Files (Photos) element, using the combination of elements below:

Popup Multifile Uploader (Images) Element

The actual Multifile Uploader (Images) element is transparent, and placed on top of the IonicIcon Upload Image Files element. When the transparent Multifile Uploader (Images) element is clicked, the file selector will immediately open, so the Current User can select their photos.

After the Current User selects their photos to upload, they are uploaded to your app's storage, and the transparent Multifile Uploader (Images) element becomes hidden. Then, the Repeating Group Uploaded Files (Photos) element becomes visible in order to display the images and a delete icon in the upper-right corner of each image cell:

This custom setup makes sure that when the delete button is clicked next to an image, that image is completely removed from the app's storage (since the Current User has decided not send it, and we don't want unused images taking up space in the app's storage).

More specific information on these workflows can be found in the D. Files/Images/GIPHYs workflow folder and the delete_uploaded_files API workflow.

Note: A personal plan or higher is needed to run API workflows.