Overview — Screens, Database, Layout Settings, Use Cases

The Inventory Management template helps you instantly create a system for keeping track of your products and their various properties. You can search and browse products, view any product's details, update and delete products, and create new products from scratch. The included properties can be easily adjusted to to suit your needs.

Included Screens: These screens will be interacted with by the customers or clients of your app.

☕️ Products Screen This screen has a table with a list of all the available products and some of their properties. From here you can search, add a new product, or click into an existing product.

🗒️ Product Detail Screen This screen shows the product title, image, and all of the other properties associated with the product.

➕ Create Product Screen This screen contains a simple form for adding new products to your inventory.

✏️ Edit Product Screen Easily update the properties for any product. You can also delete a product from this screen.

❌ Delete Confirmation Screen Users must confirm that they want to delete a product before it is removed.

Example Use Cases:

• Track the inventory for your online store

• Keep track of donated products for your non-product

• Catalog your restaurant's inventory and when you need to order more product - and many more!

Database Overview

The Store with Shopping Cart 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.

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.

📋 Categories

The Categories Collection is where you will create the different categories for your products. Each product you add can then be tied to a specific category.

• Name [Text] — this is your category name (example: Apparel)

• Products [One-to-Many Relationship] — the products associated with that category

📋 Products

The Products Collection is where you will add all the products that you’re selling.

• Name [Text] — the name of the product

• Description [Text] — a brief description of the product for internal use

• Marketing Description [Text] — A longer, more detailed description of the product.

• In Stock [Number] — The count of these products currently in your inventory.

• Color [Text] — The color of the product

• Status [Text] — Whether or not the product is currently available

• Price [Number] — the price of the product

• Image [Image] — an image of the product

• Category [One-to-Many Relationship] — Every product belongs to one category

Layout Settings

Each screen in the Social Media Feed 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.