Overview — Screens, Database, Layout Settings, Use Cases

Create a profile and update account settings with this feature template.

Many apps with a signup and log in process can benefit from also offering a streamlined way to create and update a profile. With a well designed flow and a beautiful profile page, your users will enjoy filling out their details and reviewing other users’ information.

Screens Overview

📚 Instructions Screen

Quickly get an overview of the template with quick tips, a help doc, and associated templates that may be of interest. This screen may be deleted at anytime.

User Screens

1️⃣ Setup Step 1 Screen

In the first step of profile creation, users create a brief bio and add their profile picture.

2️⃣ Setup Step 2 Screen

In the second step of profile scream, users select their various interests.

3️⃣ Setup Step 3 Screen

Finalize your profile details with a success state screen.

👤 My Profile Screen

Display all associated profile information for individual users to view.

🧾 Account Settings Screen

Edit profile information, as needed.

Delete Account Confirmation Screen

Users need to confirm that they would like to delete their account before proceeding.

Database Overview

The User Profile & Account Settings Feature Template comes with a database that contains sample data. Each Adalo database contains Collections and each collection comes with the associated Properties. Any necessary relationship between the collections is set up, as well.

Important Note About the Database:

If you delete a Collection or Property from the Feature Template, this could impact the functionality of your app.

If you add a Collection or Property to your Feature Template, this will not impact the functionality of your app.

Below is an outline of the included Collections and their Properties. The Collection name is bolded and includes a description. The Properties include their name, property type (in brackets), and a description.

Basic Collections & Properties

👥 Users

The Users Collection automatically comes with every Adalo app. This collection will hold all the information related to anyone who uses the app. This information is initially collected from a user when they sign up to use your app.

  • Email [Text] — the user’s email address.

  • Password [Encrypted] — the user’s password to log into the app. This cannot be viewed by anyone, including the administrator.

  • Username [Text] — the user’s username.

  • Full Name [Text] — the user’s first and last name.

  • Profile Photo [Image] — the user’s profile picture.

  • User Bio [Text] — a bio written by the user.

  • Rating [Number] — a user’s skill level rating.

  • Games Played [Number] — the number of games the user has played.

  • Interests [Many-to-Many Relationship] — this relational property shows that each user can have many interests, and each interest can have many users who select it.

🤹🏾 Interests

The Interests Collection holds the interests that are displayed during the setup flow.

  • Name [Text] — the name of the interest.

  • Users [Many-to-Many Relationship] — this relational field shows which users have selected which interests. Each user can have multiple interests, and each interest can belong to multiple users.

Layout Settings

Each screen in the User Profile & Account Settings Feature Template is created using responsive design. The screens will look good on any device or tablet.

Most screens have been designed with Custom Layouts. If you add a new component to a screen, you might notice that the other screen sizes are impacted.

Layout Overview

To view or edit the layout for different screen sizes — click the Screen title to reveal the dropdown.

The default view for this template is Desktop. When you change the screen size for one screen in the Builder, it does not change the screen size of the rest of the screens on the canvas.

Hidden Components

In each view, there may be components that do not appear on Desktop, but are visible on Mobile. These are grayed out in the lefthand panel & denoted with an icon.

Another way to view which device components are visible on is the Layout Tab here:

Custom Layout

Some components come with custom layouts based on screen size. To view those settings, check the Layout Tab & scroll to the Custom Layout Settings.

Example Use Cases

  • As part of the Pickleball club, users can create their profiles.

  • Create profiles for members of an organization.

  • Within your business’ community, create user profiles for a forum.

  • and many more!

Last updated