Reusable Elements Summary

A guide which states the purpose of each reusable element.

admin_edit_user

This reusable element allows admin Users to edit, or delete, User accounts from the application.

Editor:

deletemessage

This reusable element is used on the messages page to allow Users to delete (or hide from view) specific Messages. When the Current User deletes a Message, the Current User is removed from that message's "recipient Users" field (type: User, list: yes), so it's no longer shown to the Current User when viewing that Message's Conversation.

Editor:

This reusable element is used on the "logged-in" pages to allow Users to change pages, see their count of unread Conversations, and start a new Conversation.

Editor:

follow button

This reusable element allows Users to follow/unfollow other Users.

Editor:

footer

This reusable element is used to display the application's footer.

Editor:

gallery previewer

This reusable element is shown when the Current User clicks to view a Message that contains multiple images.

Editor:

Preview

header_logo_only

This reusable element is used on pages that we don't want Users to navigate away from (e.g., reset_pw, change_pass, onboard).

Editor:

header_navigation

This reusable element is used on the confirm, contact, landing, privacy policy, resources, terms, and z_layout_no_sidebar pages.

Editor:

TheIcon Show Mobile Menu (Logged In) element within the Group Logged In element is hidden on page load, and becomes visible when the current page width is less than or equal to 800 pixels. You can view this in the conditional formatting of that element.

header_navigation_demo

This reusable element was only needed for the template's demo functionality. You don't need it; please delete it.

image previewer

This reusable element is shown when the Current User is zooming in on one image.

Editor:

This reusable element is contained within the header_navigation reusable element, to allow Users to login and signup. It ensures that new Users' passwords meet the application's password policy when signing up. It also allows the Current User to request a password reset email.

Editor:

logo (blue)

The blue version of your logo.

Editor:

logo (grey)

The grey version of your logo.

Editor:

logo (white)

The white version of your logo.

Editor:

mobile header

The mobile header element that is shown on most of the "logged in" pages of the application, when the current page width is less than 887 pixels.

Editor:

The mobile menu of the application. This reusable element is within the FG - Mobile Menu elements on the application's pages.

Editor:

mobile submenu

The 'icons' mobile menu of the application. This reusable element is shown beneath the mobile header reusable element, on most of the "logged-in" pages, when the current page width is less than 887 pixels.

Editor:

There are transparent link elements on top of the Ionic icons. To select the icons underneath the transparent link elements, click on a transparent link element and use the keyboard shortcut Command + Click to select the underneath icon. This saves a ton of time so you won't need to manually move or show/hide elements in order to select the elements underneath.

multimedia message

This reusable element contains all of the multimedia attachment options for Message Things. It can display a list of files, a list of image files, a single image, a GIPHY, or a YouTube video when the Message's corresponding fields are not empty.

Editor:

Preview Example:

unread conversations

This reusable element is shown when the Current User is not in the Conversation's "read Users" field (type: User, list: yes). When the Current User views this Conversation's unread Messages, this reusable element will become hidden again.

Editor:

User is Typing

This reusable element is shown when logged-in Users are a within a Conversation's "typing now Users" field (type: User, list: yes). It is contained within the Repeating Group Messages (Desktop), Repeating Group Messages (Mobile), and Repeating Group Messages (Existing Conversation) elements.

Editor:

This reusable element is used on the "logged-in" pages of the application, in the top-right corner of each page. It is also contained within the mobile header reusable element to allow the Current User to easily navigate to their profile page, account page, or logout of the application.