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

5. View More Messages in a Conversation

Previous4. Delete or Leave a ConversationNext6. View Unread Messages

Last updated 6 years ago

When a Conversation contains more than 30 Messages, only the most recent 30 Messages will be initially loaded when the Current User clicks to view that Conversation on the messages page.

Since it's not yet possible to load Messages from the bottom of a repeating group, this template's workflows load the most recent 30 Messages in a Conversation, when a Conversation is first loaded (this decreases the time it takes to load the page). In order to view the older Messages, the Current User can scroll up within the Repeating Group Messages elements, and click any of the Group Show More Messages (Desktop), Group Show More Messages (Mobile) , or Group Show More Messages (Existing Conversation) elements:

Group Show More Messages (Desktop)

Group Show More Messages (Mobile)

Group Show More Messages (Existing Conversation) (within the FG - Create New Conversation element)

When any of those elements are clicked, the workflow changes the ":from item number" for their corresponding repeating groups, by subtracting 30 from the current ":from item number" custom state.

For example, if a Message contains 90 Messages, the most recent 30 Messages will be displayed initially. The data source would be SelectedConversation's Messages :fromitem 60.

After the Current User clicks the "Show More Messages" element once, 30 is subtracted from 60 (to show 30 more Messages), and the new :fromitem number is 30, changing the data source to be SelectedConversation'sMessages:fromitem 30. This causes the Repeating Group Messages (Desktop) and Repeating Group Messages (Mobile) elements to display Messages 30 through 90.

More information on these workflows can be found in the B. View Conversations and E. New Conversation workflow folders.