Overview — Screens, Database, Layout Settings, Use Cases

Features a view of all available listings in a location, details, and an image gallery view.

The Browse Home Listings feature template is the perfect base for property managers and rental agents alike. With views to look through available homes, details on the home and an image gallery — this template will have you displaying your available rentals quickly & finding tenants even sooner!

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

🏡 Listings Screen

With a location specific map, this screen will display all the homes available in a certain area.

🔍 Listing Detail Screen

This screen showcases all the information related to a specific listing such as address, bedroom & bathroom count, square footage, rent per month, etc.

🖼️ Modal Image Gallery Screen

Display all images of your listings with our image gallery modal.

Database Overview

The Browse Home Listings 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.

  • Selected Image [Number] — the number associated with the photo that is selected when viewing larger.

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

🏙️ Listing Photos

The Listing Photos Collection contains all the photos that can be displayed for each listing.

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

  • Image [Image] — the images that will be shown for various listings

  • Listing [Many-to-One Relationship] — this relational field shows the listing that each photo belongs to. Each photo can only belong to one listing, however, each listing can have multiple photos.

🏠 Listings

The Listings Collection contains all the information related to each property for rent or for sale.

  • Description [Text] — a long description of the property.

  • Address [Location] — the address of the property. *This requires a Google Maps API key.

  • Primary Image [Image] — the main image associated with a property.

  • Square Feet [Number] — the square footage of the house.

  • Bathrooms [Number] — the number of bathrooms in the house.

  • Bedrooms [Number] — the number of bedrooms in the house.

  • Rent [Number] — the monthly rent amount.

  • Listing Photos [One-to-Many Relationship] — this relational field shows the listing photos that are associated with the listing. Each listing can have multiple photos, but each photo can only belong to one Listing.

Layout Settings

Each screen in the Browse Home Listings 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

  • Property manager can showcase all available rental listings.

  • Real Estate Agent can showcase all their individual or brokerage listings available.

  • Apartment managers can showcase various units available within the complex.

  • and many more!

Last updated