# Glossary

## Account Settings

{% tabs %}
{% tab title="Description" %}
Your account settings contain information such as your team members, name, payment and plan information, email, password management, domains, developer mode, and other settings. You can access it by clicking on the profile icon <img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MgHGAVoThTyY6oLXfdv%2F-MgHHsawQWWZPmJLZQed%2FScreenshot%202021-08-04%20135201.png?alt=media&#x26;token=860b181b-a1f2-49b8-8f74-d5a39c073996" alt="" data-size="line"> in the top right of the Adalo Editor, then clicking **Settings.**
{% endtab %}
{% endtabs %}

## Action

{% tabs %}
{% tab title="Description" %}
An Action in Adalo is the brains behind what happens in your app and are typically denoted by the color Yellow. Actions can be placed on components, screens, and list items and are responsible translating what a user does in the app into changes in the database or in the app itself. Without Actions you wouldn't be able to do anything in your app! Some types of actions include creating database records, updating records, deleting records, linking to screens or websites, and sending notifications.&#x20;
{% endtab %}

{% tab title="In-Depth" %}
If components are like nouns, we like to think of actions as verbs. Actions are what connect components to the properties of your database and allow you to customize your app's user experience. Actions can be used to direct the user to another screen, to allow them to click and interact with your components, and to submit data to a database.&#x20;

### Most Commonly Used Actions

* [Link](https://help.adalo.com/~/changes/u7hGXGFGahgZx26fqIxT/action-basics/how-to-link-screens-through-actions)
* [Data Changes](https://help.adalo.com/~/changes/u7hGXGFGahgZx26fqIxT/action-basics/creating-an-action-that-triggers-data-edit)

  * Create
  * Update
  * Delete

### Less Commonly Used Actions

* Authentication
  * Log in
  * Log out
  * Sign up
* Mobile
  * [Send Push Notification](https://help.adalo.com/~/changes/u7hGXGFGahgZx26fqIxT/action-basics/trigger-push-notifications)
  * Share

To learn about Custom Actions, which you can use to integrate your Adalo app with other systems, [click here](https://help.adalo.com/~/changes/u7hGXGFGahgZx26fqIxT/integrations/custom-actions).
{% endtab %}
{% endtabs %}

## Aggregation (Programming)

{% tabs %}
{% tab title="Description" %}
According to infoworld.com, an aggregation is a specialized form of association between two or more objects in which each object has its own life cycle, but there exists an ownership as well. \*\*\*unfinished
{% endtab %}
{% endtabs %}

## Airbase

{% tabs %}
{% tab title="Description" %}
Airbase is a "single automated spend management" platform. According to their website, "Airbase combines bill payments, corporate cards, and reimbursements onto a single platform with approval workflows, accounting automation, and reporting." Your Adalo apps are compatible with Airbase. [Read More >](https://www.airbase.com/)
{% endtab %}
{% endtabs %}

## Android

{% tabs %}
{% tab title="Description" %}
Android is a mobile-first [operating system](https://help.adalo.com/glossary#operating-system) for phones and tablets that is developed, maintained, and distributed by Google. The operating system comes in various "flavors" depending on the device it is installed on. Currently about [73% of the world's mobile phones run on some version of Android](https://www.statista.com/topics/876/android/).
{% endtab %}
{% endtabs %}

## API (Application Programming Interface)

{% tabs %}
{% tab title="Description" %}
An API (application programming interface) is a web service that uses links (called endpoints) on a computer server to perform various actions programmatically rather than through a GUI (graphical user interface). All applications use APIs in some form or another. The interface we see and interact with in apps is just a means to easily tell an API what we would like it to do for us. In Adalo, you can use APIs to pull in data from other sources, create data elsewhere, or perform actions like send emails, SMS messages, or crop photos.
{% endtab %}

{% tab title="In-Depth" %}

{% endtab %}
{% endtabs %}

## API Base URL

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## API Endpoint

{% tabs %}
{% tab title="Description" %}
An [API](https://help.adalo.com/glossary#api-application-programming-interface) endpoint is "one end of a communication channel. When an API interacts with another system, the touchpoints of this communication are considered endpoints. Each endpoint is the location from which APIs can access the resources they need to carry out their function." [Read More >](https://smartbear.com/learn/performance-monitoring/api-endpoints/)
{% endtab %}
{% endtabs %}

## API Key

{% tabs %}
{% tab title="Description" %}
An [API](https://help.adalo.com/glossary#api-application-programming-interface) Key "is a code that gets passed in by computer applications. The program or application then calls the API or application programming interface to identify its user, developer or calling program to a website. Application programming keys are normally used to assist in tracking and controlling how the interface is being utilized. An API key can act as a secret authentication token as well as a unique identifier. Typically, the key will come with a set of access rights for the API that it is associated with." [Read More >](https://rapidapi.com/blog/api-glossary/api-key/)
{% endtab %}
{% endtabs %}

## App Settings

{% tabs %}
{% tab title="Description" %}
In Adalo, App Settings contain options such as the app name, description, icon, Mixpanel token, team assignment, editor display settings, app copying and deletion, and more. You can access it by clicking the gear icon on the left menu in the Adalo editor <img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mgf3h8Ma0yy1IA4HtdU%2F-Mgf5khzb0gnOnpSZ_y6%2FScreen%20Shot%202021-08-09%20at%209.29.40%20AM.png?alt=media&#x26;token=fb1e998a-8336-44b0-874b-65872024af6b" alt="" data-size="line"> .
{% endtab %}
{% endtabs %}

## Automatic Field

{% tabs %}
{% tab title="Description" %}
An automatic field can be used in the forms component of Adalo to automatically fill out fields for a user. Visible fields are fields that the user can change, and automatic ones are ones that are filled out in the background of your app. This is useful for doing things like generating IDs, incrementing counts, and joining text together.  Keep in mind that since the user cannot change these, it's up to you to make sure they are filled out if you use them.
{% endtab %}
{% endtabs %}

## Available Data

{% tabs %}
{% tab title="Description" %}
The Available Data section of a screen's sections tells you which types of data are being sent to the current screen from other screens.  If data is missing or conflicting, this section will tell you which data types are having issues and which screens might be causing the issue.
{% endtab %}
{% endtabs %}

## Base (Airtable)

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Body (fonts)

{% tabs %}
{% tab title="Description" %}
In the Adalo editor, you'll have the option to add and edit text in your app. In the **Branding** tab under the **Fonts** dropdown menu, you have the option to select both **Headings** and **Body** fonts (screenshot at top of In-Depth section).

Selecting a **Body** font will make all **Body** text in your Adalo app appear as the font you've selected. This tool's purpose is just to help you as the app creator maintain uniform branding. You always have the option to manually select a different font for certain text, if you so choose. Take a peek at the In-Depth section to learn how to do so.
{% endtab %}

{% tab title="In-Depth" %}
![A screenshot of the Fonts menu in the Branding tab](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhOzIZbvSKTarpSBr1y%2F-MhOzXUI0UuIrqQNTH0u%2Fimage.png?alt=media\&token=4e79fd3e-8a96-4d5b-97dc-92c70ea04d34)

Aside from via the **Branding** tab, you can also edit your **Headings** and **Body** fonts by selecting the component containing the text you want to change the font. When you do, a lefthand menu will appear for the component.

Once you do so, simply select the **palette** icon that appears next to the **Magic Text** icon below the "Enter Text" box.

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhF1RodEFkwp8y0vIUx%2F-MhFA8VTr9XYf5u9kR_D%2FScreen%20Shot%202021-08-16%20at%201.14.25%20PM.png?alt=media\&token=c0281fd6-a877-4c7b-8fc2-ed3e1ffb49ee)

When you do, to the right of the icon will appear the name of the font, the text thickness, and the color of the text (pictured below).

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhF1RodEFkwp8y0vIUx%2F-MhFDKutE8-06fyvndsE%2FScreen%20Shot%202021-08-16%20at%201.28.46%20PM.png?alt=media\&token=19d02306-908e-4c07-a041-8550a4b0e548)

When you select the name of the font, you'll have the option to select either "**Heading Font**," "**Body Font**," or "**CHANGE FONTS**." Select "**CHANGE FONTS**" and it'll bring you to the "**Font**" section of the "**Branding**" tab, where you can change your currently selected **Heading** and **Body** **Fonts**.&#x20;

There are certain components that require different actions to change the font of text within them. To do so, select those components and scroll down to the **"Edit Styles**" button in the lefthand menu. For example, you can edit the font of the text in **Forms** by selecting the dropdown menu corresponding to the text you want to edit, then selecting "**Edit Styles**."&#x20;

![Step 1: Select the form component on a screen](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhFRn5WkBCIFo6y_m8j%2F-MhFWnlYMCpxu36BbcxY%2FScreen%20Shot%202021-08-16%20at%202.41.28%20PM.png?alt=media\&token=d3688251-4138-4282-83bb-72eec122a822)

![Step 2: Select the element of the component whose text you want to edit](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhFRn5WkBCIFo6y_m8j%2F-MhFWxfeCEu8pBmmJ4c0%2FScreen%20Shot%202021-08-16%20at%202.41.41%20PM.png?alt=media\&token=cb5d33c2-0aa6-4c04-9aaa-4bb4a827909e)

![Step 3: Select "Edit Styles"](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhFRn5WkBCIFo6y_m8j%2F-MhFX20QatCeOxZWOxYI%2FScreen%20Shot%202021-08-16%20at%202.42.00%20PM.png?alt=media\&token=e8f83501-c62c-42ad-ade6-afdc3b80ad47)

![Step 4: Select the "Font" dropdown menu to change the font](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhFRn5WkBCIFo6y_m8j%2F-MhFXBlU3heL9yaNbS74%2FScreen%20Shot%202021-08-16%20at%202.42.16%20PM.png?alt=media\&token=5add1979-607b-4c61-91b2-d79a3d518cd3)

Note: When editing font this way, you can choose between only the pre-selected **Headings** and **Body** fonts you've selected in the "**Branding"** tab.
{% endtab %}
{% endtabs %}

## Breakpoints

{% tabs %}
{% tab title="Description" %}

{% endtab %}

{% tab title="In-Depth" %}
Mobile

&#x20;   \- Min: 240px

&#x20;   \- Default: 390px (iPhone Pro)

&#x20;   \- Max: 719px

Tablet

&#x20;   \- Min: 720px (this is the “breakpoint”)

&#x20;   \- Default: 834px

&#x20;   \- Max: 991px

Desktop

&#x20;   \- Min: 992px (this is the “breakpoint”)

&#x20;   \- Default: 1512px (MacBook Pro 14in)

&#x20;   \- Max: 2560px (27in Mac Monitor)

<br>
{% endtab %}
{% endtabs %}

## Bug (and Debug)

{% tabs %}
{% tab title="Description" %}
A *bug* is another word for an error in the code of a computer program that causes it to produce unexpected results or behave in unexpected ways. A bug may also cause the program to fail to run altogether.&#x20;

*Debugging* is the process of locating and removing errors (or bugs) from a computer program. [Read More >](https://www.techopedia.com/definition/16373/debugging)
{% endtab %}
{% endtabs %}

## Build

{% tabs %}
{% tab title="Description" %}
A *build* simply refers to a file containing a version of your app's code. Your app may go through multiple builds, a new one coming into being every time you make substantial changes to it.
{% endtab %}
{% endtabs %}

## Canvas

{% tabs %}
{% tab title="Description" %}
In the Adalo Editor, the canvas is the location in which you'll find your app's screens. You can drag and drop screens onto the canvas to start editing them. When you drag an unwanted component from a screen onto the canvas, it'll disappear.
{% endtab %}
{% endtabs %}

## Change Input Value (action type)

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Chip

{% tabs %}
{% tab title="Description" %}
According to material-ui.com, a chip is a compact element that represents an input, attribute, or action. [Read More >](https://material.io/components/chips)
{% endtab %}

{% tab title="In-Depth" %}
In the Adalo Editor, you have access to a component that utilizes chips – the "Horizontal Chip List" (pictured below).

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhK0IMrCql_WK_jzveu%2F-MhK5ZBGZ904bThi5FJx%2FScreen%20Shot%202021-08-17%20at%2012.09.46%20PM.png?alt=media\&token=43a97b10-e62e-4471-a967-18d3d39dabf8)

And here's how it looks on a screen:

![Horizontal Chip List highlighted in yellow](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhK0IMrCql_WK_jzveu%2F-MhK5m4l0pUitU-8YYAd%2FScreen%20Shot%202021-08-17%20at%2012.10.52%20PM.png?alt=media\&token=67e1390d-d4e0-4bdf-a57a-9965dfca6218)
{% endtab %}
{% endtabs %}

## Clone App

{% tabs %}
{% tab title="Description" %}
&#x20;\*mention how it's different from copy - David
{% endtab %}
{% endtabs %}

## CNAME Record

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Collection

{% tabs %}
{% tab title="Description" %}
Your app's [**Database**](https://help.adalo.com/database) is made up of **collections**. If you were to describe what your app does and who it's for, the nouns you use in that description would be your collections.

Collections are objects of data. For example, for a food delivery app, you might include a collection for your app's users and a collection for food orders to keep track of each user and what they've ordered. If your app can stream TV shows and movies, you would want to have a collection for TV shows and a collection for movies. For an example with visuals, view the In-Depth tab.

Each of your app's collections can be customized to include any number of [**Properties**](https://help.adalo.com/glossary#property). So to tie it all together, if collections are the nouns of your app, then properties are the adjectives that describe them.
{% endtab %}

{% tab title="In-Depth" %}
Here's an example of the Database collections of a food ordering app:

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhKCDRZ2Oa3JuzA8d2s%2F-MhKEefCup2TL_tjWSwl%2FScreen%20Shot%202021-08-17%20at%2012.50.40%20PM.png?alt=media\&token=f46db0b3-39f9-451d-8445-066f3f4e7955)

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhKCDRZ2Oa3JuzA8d2s%2F-MhKEneAEranxCcaYeRk%2FScreen%20Shot%202021-08-17%20at%2012.51.43%20PM.png?alt=media\&token=143cd9c8-3e80-4d60-88d9-84dbd5bb87db)

As you can see, each collection is just a grouping of the app's important nouns.
{% endtab %}
{% endtabs %}

## Component

{% tabs %}
{% tab title="Description" %}
Components are the building blocks of your Adalo app. All of the elements that appear on your screen – lists, buttons, text, etc. – are components.

For a more in-depth description of components, check out our [Component Basics](https://help.adalo.com/component-basics/design-basics) help document.
{% endtab %}
{% endtabs %}

## Component Marketplace

{% tabs %}
{% tab title="Description" %}
A component is a functional unit within Adalo. Think "Button" or "App Bar" or even "list". There are many components in Adalo that help you build your apps. The Component Marketplace is a platform for developers to create and share components with others - they enhance the functionality of the apps that can be made with Adalo.

There are different types of marketplace components - free & paid. Some are built by Adalo and some have been built by developers in the larger Adalo ecosystem.

Marketplace components are different from Private Components (sometimes referred to as Private Libraries) as the latter is made only for the consumption of the developer of the component. Marketplace components are available for all Adalo makers to use (either for free, or for a fee).

For more information on the marketplace and a glimpse of the available components, check out the Adalo Marketplace. If you wish to develop a marketplace component, check out: [Adalo | Marketplace Developers](https://www.adalo.com/marketplace#developers).

{% hint style="info" %}
If you need support with Adalo's Marketplace component, please reach out to us by [submitting a support ticket](https://info.adalo.com/submit-a-support-ticket). If you need support with a component developed by a third-party developer, please reach out to the developers.
{% endhint %}

For more on the Component Marketplace, take a look at our [Marketplace Components](https://help.adalo.com/component-basics/marketplace-components) help doc.
{% endtab %}
{% endtabs %}

## Conditional Actions

{% tabs %}
{% tab title="Description" %}
You can add logic to your actions so that they only happen when certain rules apply
{% endtab %}
{% endtabs %}

## Conditional Visibility

{% tabs %}
{% tab title="Description" %}
You may want a component in your Adalo app to show only sometimes. This is what's known as conditional visibility. For example, let's say you want one screen of your app to display a *continue* button for the user to continue to the next screen, but you only want the button to appear after the user has entered the correct text into a text input. You'd apply conditional visibility to the *continue* button to appear only after the proper text has been entered into the input. Check out the In-Depth section for a description of how to do this.
{% endtab %}

{% tab title="In-Depth" %}
To apply conditional visibility to a component, first select the component and navigate to the lefthand menu.&#x20;

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhPQ5DmcvGLsIDPonvq%2F-MhPWrJVUQdw27fje8Dr%2FScreen%20Shot%202021-08-18%20at%201.30.14%20PM.png?alt=media\&token=f5268f96-8eab-46e2-b069-e98d3b1152b5)

Next, select the three vertical dots in the top right. A dropdown menu will appear.

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhPQ5DmcvGLsIDPonvq%2F-MhPZLzsEbCZ4exBEhvU%2FScreen%20Shot%202021-08-18%20at%201.33.29%20PM.png?alt=media\&token=a241d470-dd40-4c67-bc76-46374086c0cb)

Select **Change Visibility**. At the top of the lefthand menu, a dropdown menu labeled **Visibility** will appear. Select it and change the component visibility from **Always Visible** to **Sometimes Visible**.

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhPQ5DmcvGLsIDPonvq%2F-MhPcTfA7L09yScG2Nbt%2FScreen%20Shot%202021-08-18%20at%201.55.44%20PM.png?alt=media\&token=f7a73a89-d940-44bb-bee9-0352baad77c7)

After selecting **Sometimes Visible**, another dropdown menu will appear, this one labeled **Will be visible if...**. You can use this dropdown menu to set parameters for when the component will and won't be visible.

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhPQ5DmcvGLsIDPonvq%2F-MhPeS85_vLmG1rakkpw%2FScreen%20Shot%202021-08-18%20at%202.07.52%20PM.png?alt=media\&token=c5e908ca-7a03-4ddd-8744-d4459172a7dc)
{% endtab %}
{% endtabs %}

## Config. File

{% tabs %}
{% tab title="Description" %}
Config. files, or configuration files, are "editable text files that information required for the successful operation of a program." [Read More >](https://www.makeuseof.com/tag/config-files-can-edit/)
{% endtab %}

{% tab title="In-Depth" %}

{% endtab %}
{% endtabs %}

## Copy App

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Count

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Create (action type)

{% tabs %}
{% tab title="Description" %}
This action creates a record in a database.&#x20;
{% endtab %}
{% endtabs %}

## Custom Action

{% tabs %}
{% tab title="Description" %}
Custom Actions are [actions](https://help.adalo.com/glossary#action) that you create yourself. They are API calls to external services to perform certain actions with that outside service. For instance, Adalo doesn't send emails by itself, but you could create a custom action that sends a command to SendGrid to send an email. The custom action can then be placed on buttons, list items, forms, and other components.
{% endtab %}

{% tab title="In-Depth" %}
Here's a list of just some of the things you can do with custom actions:

* Communication
  * Send an email (Mailchimp, Sendgrid, Amazon SES, Gmail etc)
  * Send a text (Twilio, Message Bird, etc)
  * Send a chat message (Slack, Microsoft Teams, etc)
  * Trigger a phone call (Twilio)
  * Send a fax
  * Trigger alerts (PagerDuty)
* Productivity & Project Management
  * Create a calendar event
  * Create a contact
  * Create task (Trello, Jiro, etc)&#x20;
* Social Media & Marketing
  * Social Media Post (Twitter, LinkedIn, Medium, Facebook, etc)
  * Register someone for a Webinar (Zoom, Goto Webinar)
  * Create Leads, Contacts, and Subscribers (Mailchimp, Hubspot, Salesforce, etc)
  * Start or End an Ad Campaign (Google Ads)
  * Post to an RSS feed
* Development
  * Create database records (MongoDB, SQL Server, Google BigQuery)
  * Run some code (JavaScript, AWS Lamba function, etc)
  * Track Issues (Github)
* Customer Service
  * Create a ticket (Zendesk, Hubspot, Freshdesk, Salesforce, etc)
  * Create a chat conversation (Helpscout, Intercom, etc)
* Logistics
  * Create a shipping invoice
  * Create Signature Request (Hellosign)
  * Create an Order (Shopify)
  * Create a custom t-shirt order
* Accounting
  * Create a customer (Quickbooks, Xero, etc)
  * Create an Invoice (Quickbooks, Xero, etc)
* Data Analysis
  * Verify an email address
  * Look up astrological sign
  * Sentiment analysis
  * Look up a word’s definition
  * Geocode an address
    {% endtab %}
    {% endtabs %}

## Delete (action type)

{% tabs %}
{% tab title="Description" %}
Delete is one of the four actions able to take place in the database of your Adalo apps. \*unfinished
{% endtab %}
{% endtabs %}

## Developer Accounts

{% tabs %}
{% tab title="Description" %}
Located outside of Adalo, these accounts are where you set up your Google Play and Apple App Store native apps.
{% endtab %}
{% endtabs %}

## DNS Provider

{% tabs %}
{% tab title="Description" %}
A DNS Provider is usually the company that you purchased your domain name from, but you can also use a different company as the DNS provider. You can think of the DNS provider like the deliverer of a package you purchased. If you purchase a domain from one company, you can choose a different company to "deliver" that domain to your users. This is also sometimes known as a DNS Resolver.&#x20;
{% endtab %}
{% endtabs %}

## DNS Record

{% tabs %}
{% tab title="Description" %}
A DNS Record is a piece of information telling the DNS Provider how to connect the different pieces of your website. For instance, you may have a website on Wix, Mailchimp for emails, Stripe for payments, and Adalo for your app - all of them are on your custom domain name and DNS records tell the DNS provider where to get and send the information.
{% endtab %}
{% endtabs %}

## Domain

{% tabs %}
{% tab title="Description" %}
A domain name is the text one would type into a browser window to reach a particular website, or simply put, the name of a website. A domain name does not include the entire web address, but just the name of the organization that the address belongs to. [Read More >](https://www.cloudflare.com/learning/dns/glossary/what-is-a-domain-name/)

A *Custom Domain* is a custom, branded domain name for your website. For example, Adalo's custom domain is the "Adalo" portion of adalo.com. [Read More >](https://www.shortstack.com/blog/what-is-a-custom-domain-and-why-you-should-use-one-for-your-next-campaign/)
{% endtab %}
{% endtabs %}

## Editor

{% tabs %}
{% tab title="Description" %}
"An Editor is a computer program that permits the user to create or modify data (such as text or graphics) especially on a display screen," according to Merriam-Webster's Dictionary.

The Adalo Editor is a virtual workspace for creating apps. In it, you have access to numerous useful tools and components to help you create and customize your apps to your heart's content.
{% endtab %}

{% tab title="In-De" %}
The Adalo Editor can be accessed by simply logging into your Adalo account using the button in the top right corner on the home page of the Adalo website. When you first begin using Adalo, a prompt to take a tour of the Adalo Editor will pop up on your screen. This tour is accessible at any time, even if you've already taken it.

![A screenshot of the Adalo Editor](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhENwe_1bExArVrdpSy%2F-MhEbOHu5F569ewpxqwI%2FScreen%20Shot%202021-08-16%20at%2010.37.45%20AM.png?alt=media\&token=9360c948-e48b-450b-b38b-d69eb659915b)
{% endtab %}
{% endtabs %}

## Endpoint

{% tabs %}
{% tab title="Description" %}

{% endtab %}

{% tab title="In-Depth" %}

{% endtab %}
{% endtabs %}

## Endpoint Accordion

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## External Collection

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## File Picker Component

{% tabs %}
{% tab title="Description" %}
The File Picker component is used in custom [forms](https://help.adalo.com/~/changes/u7hGXGFGahgZx26fqIxT/component-basics/how-to-create-and-edit-forms-and-fields) to give the user the option to add files from their devices. The file picker presently allows the following types of files:

```
'image/jpeg', 
'image/png', 
'image/gif', 
'video/mp4', 
'video/avi', 
'video/mpeg', 
'video/quicktime', 
'video/x-msvideo', 
'video/x-ms-wmv', 
'video/webm', 
'video/ogg', 
'audio/mpeg', 
'audio/mp4', 
'application/pdf', 
'application/x-compressed', 
'application/x-zip-compressed', 
'application/zip', 
'application/x-zip', 
'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 
'application/vnd.openxmlformats-officedocument.presentationml.presentation', 
```

If there is a file type that we currently do not support that you require, please add an [Adalo | Feature Request](https://adalo.canny.io/feature-requests) on our board, and you will be notified as we make progress towards implementing these requests.
{% endtab %}
{% endtabs %}

## Heading (fonts)

{% tabs %}
{% tab title="Description" %}
In the Adalo editor, you'll have the option to add and edit text in your app. In the **Branding** tab under the **Fonts** dropdown menu, you have the option to select both **Headings** and **Body** fonts (screenshot at top of In-Depth section).

Selecting a **Headings** font will make all **Heading** text in your Adalo app appear as the font you've selected. This tool's purpose is just to help you as the app creator maintain uniform branding. You always have the option to manually select a different font for certain text, if you so choose. Take a peek at the In-Depth section to learn how to do so.
{% endtab %}

{% tab title="In-Depth" %}
![A screenshot of the Fonts menu in the Branding tab](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhOtnq_5UtI6iuNtYv9%2F-MhOw-oWLv-7AXX0mXue%2Fimage.png?alt=media\&token=6b829ab4-a9f0-44cc-9c04-fc0625674afa)

Aside from via the **Branding** tab, you can also edit your **Headings** and **Body** fonts by selecting the component containing the text you want to change the font. When you do, a lefthand menu will appear for the component.

Once you do so, simply select the **palette** icon that appears next to the **Magic Text** icon below the "Enter Text" box.

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhF1RodEFkwp8y0vIUx%2F-MhFA8VTr9XYf5u9kR_D%2FScreen%20Shot%202021-08-16%20at%201.14.25%20PM.png?alt=media\&token=c0281fd6-a877-4c7b-8fc2-ed3e1ffb49ee)

When you do, to the right of the icon will appear the name of the font, the text thickness, and the color of the text (pictured below).

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhF1RodEFkwp8y0vIUx%2F-MhFDKutE8-06fyvndsE%2FScreen%20Shot%202021-08-16%20at%201.28.46%20PM.png?alt=media\&token=19d02306-908e-4c07-a041-8550a4b0e548)

When you select the name of the font, you'll have the option to select either "**Heading Font**," "**Body Font**," or "**CHANGE FONTS**." Select "**CHANGE FONTS**" and it'll bring you to the "**Font**" section of the "**Branding**" tab, where you can change your currently selected **Heading** and **Body** **Fonts**.&#x20;

There are certain components that require different actions to change the font of text within them. To do so, select those components and scroll down to the **"Edit Styles**" button in the lefthand menu. For example, you can edit the font of the text in **Forms** by selecting the dropdown menu corresponding to the text you want to edit, then selecting "**Edit Styles**."&#x20;

![Step 1: Select the form component on a screen](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhFRn5WkBCIFo6y_m8j%2F-MhFWnlYMCpxu36BbcxY%2FScreen%20Shot%202021-08-16%20at%202.41.28%20PM.png?alt=media\&token=d3688251-4138-4282-83bb-72eec122a822)

![Step 2: Select the element of the component whose text you want to edit](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhFRn5WkBCIFo6y_m8j%2F-MhFWxfeCEu8pBmmJ4c0%2FScreen%20Shot%202021-08-16%20at%202.41.41%20PM.png?alt=media\&token=cb5d33c2-0aa6-4c04-9aaa-4bb4a827909e)

![Step 3: Select "Edit Styles"](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhFRn5WkBCIFo6y_m8j%2F-MhFX20QatCeOxZWOxYI%2FScreen%20Shot%202021-08-16%20at%202.42.00%20PM.png?alt=media\&token=e8f83501-c62c-42ad-ade6-afdc3b80ad47)

![Step 4: Select the "Font" dropdown menu to change the font](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhFRn5WkBCIFo6y_m8j%2F-MhFXBlU3heL9yaNbS74%2FScreen%20Shot%202021-08-16%20at%202.42.16%20PM.png?alt=media\&token=5add1979-607b-4c61-91b2-d79a3d518cd3)

Note: When editing font this way, you can choose between only the pre-selected **Headings** and **Body** fonts you've selected in the "**Branding"** tab.
{% endtab %}
{% endtabs %}

## HIPAA

{% tabs %}
{% tab title="Description" %}
HIPAA stands for the Health Insurance Portability & Accountability Act of 1996. It is a law passed in the U.S. to protect employees' health insurance coverage when they change jobs or lose their job, provides standards for patient health, administrative and financial data interchange, and governs the privacy and security of health information records and transactions. [Read More >](https://www.pcmag.com/encyclopedia/term/hipaa)

Currently, Adalo does not provide HIPAA compliance, as it requires a special document called a BAA (Business Associate Agreement) to be signed by both Adalo and the maker, however there are plans for Adalo to offer this in the future.
{% endtab %}
{% endtabs %}

## Home Screen

{% tabs %}
{% tab title="Description" %}
A home screen is the first screen a user encounters on an app. Most of the core functions of the app live on the home screen, and all subsequent navigation stems from the home screen. In your Adalo app, you can choose which screen will be your home screen and customize it accordingly.&#x20;
{% endtab %}

{% tab title="In-Depth" %}
In the Adalo editor, your home screen will be denoted by the label "Home" and a house icon <img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhUEk28AHq0K-B6WQeO%2F-MhUF6oDTOFL7ZPgnU2U%2FScreen%20Shot%202021-08-19%20at%2011.30.38%20AM.png?alt=media&#x26;token=35228cb5-d711-47ad-9680-f022cd59ecd0" alt="" data-size="line">.&#x20;

For an example of a home screen, take a look a this sample chat app. The home screen serves as a hub from which you can start new chats, navigate to existing chats, and view your profile.

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhUEk28AHq0K-B6WQeO%2F-MhUGkk2xqH6eBjCZz-L%2FScreen%20Shot%202021-08-19%20at%2011.37.59%20AM.png?alt=media\&token=96649b2e-6fc6-47d0-a525-7c3162c97e91)

![Home screen pictured middle-right (between "Add Profile Picture" and "Conversation")](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhUEk28AHq0K-B6WQeO%2F-MhUGp_iqUHaGXV421oq%2FScreen%20Shot%202021-08-19%20at%2011.37.27%20AM.png?alt=media\&token=41c94c74-61b7-4f36-ba88-7139afdc43e2)

&#x20;
{% endtab %}
{% endtabs %}

## Grouping

{% tabs %}
{% tab title="Description" %}
In the Adalo editor, you can clump components on a screen together into a single group by clicking down with your mouse and dragging across all of the component's you'd like included in the group, then selecting **Make Group** in the lefthand menu. This is known as *grouping*. Once components are grouped together, they can be moved around from screen to screen, copied, pasted, and deleted as a group to make customization easier for you. You can even group together components to create lists.
{% endtab %}
{% endtabs %}

## iOS

{% tabs %}
{% tab title="Description" %}
iOS (iPhone Operating System) is Apple's iPhone [operating system](https://help.adalo.com/glossary#operating-system). It is the operating system employed on all of Apple's mobile devices, meaning iPhones, iPod Touches, and iPads. Your Adalo apps are iOS [native](https://help.adalo.com/glossary#native), meaning that they've been built in a specific programming language so that they're compatible with Apple devices.
{% endtab %}
{% endtabs %}

## JSON

{% tabs %}
{% tab title="Description" %}

{% endtab %}

{% tab title="In-Depth" %}

{% endtab %}
{% endtabs %}

## Language Support

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Layers

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Linking

{% tabs %}
{% tab title="Description" %}
This action can link to a different screen in your app or to an eternal website.&#x20;
{% endtab %}
{% endtabs %}

## Logic

{% tabs %}
{% tab title="Description" %}
'Logic is the sequence of operations performed by computer hardware or software. It refers to the algorithms and operational sequences that computer hardware and software follow. Hardware logic is contained in the electronic circuits of a computer. Software logic, or program logic, is contained in the placement of instructions written into the software's code by a programmer.' [Read More >](https://www.pcmag.com/encyclopedia/term/logic)
{% endtab %}
{% endtabs %}

## List

{% tabs %}
{% tab title="Description" %}
One type of component you can add to your Adalo app is a **List**. **Lists** are quite powerful and offer a host of functionalities. You can connect them to your [**Database**](https://help.adalo.com/database) to display information from desired [**Collections**](https://help.adalo.com/glossary#collection) and even allow list items to create [**actions**](https://help.adalo.com/glossary#action), such as [**link**](https://help.adalo.com/glossary#linking) to a different [**screen**](https://help.adalo.com/glossary#screen) or [**update**](https://help.adalo.com/glossary#update-action-type) the current user's information.
{% endtab %}

{% tab title="In-Depth" %}
The Adalo Editor currently offers seven different types of lists. They are:

* Simple List
* Card List
* Image List
* Avatar List
* Horizontal Card List
* Horizontal Chip List
* Custom List

To add a **list** to your Adalo app, select the **Plus** button<img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh_MSkyJ6upDG5lhkw6%2F-Mh__y0uWngB2F2ij_M9%2FScreen%20Shot%202021-08-20%20at%205.03.57%20PM.png?alt=media&#x26;token=bddd66b8-04d8-40ec-b57f-bf955f64fb68" alt="" data-size="line">in the upper left corner of the editor to open the lefthand menu.

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh_MSkyJ6upDG5lhkw6%2F-Mh_a4UxeSBMwiuqmq9t%2FScreen%20Shot%202021-08-20%20at%204.58.27%20PM.png?alt=media\&token=946a2e53-4b0b-41f5-aadd-5068b8065df6)

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh_MSkyJ6upDG5lhkw6%2F-Mh_cZTI2c3WiYkt63F9%2FScreen%20Shot%202021-08-20%20at%205.02.43%20PM.png?alt=media\&token=18d6c0f4-7506-40e3-9d2d-2b35bf8c9b1e)

Scroll down until you see the dropdown menu labeled **Lists**

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh_MSkyJ6upDG5lhkw6%2F-Mh_cct8ygWCWHSqY9f9%2FScreen%20Shot%202021-08-20%20at%205.02.53%20PM.png?alt=media\&token=580bf722-3cd9-44f1-b1ee-7295630bcc63)

Select the **Lists** dropdown menu and choose whichever type of list you'd like.

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh_MSkyJ6upDG5lhkw6%2F-Mh_cpmymjxscJZvAI5T%2FScreen%20Shot%202021-08-20%20at%205.03.21%20PM.png?alt=media\&token=42ac89a0-34b1-4797-9617-5716f384d004)

Drag and drop the desired list onto the desired screen on the canvas to the right.

![For this example, a simple list was dragged onto the far right screen](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh_MSkyJ6upDG5lhkw6%2F-Mh_d3Coy6Pkfl6EFmbR%2FScreen%20Shot%202021-08-20%20at%205.00.09%20PM.png?alt=media\&token=9b4a995d-451f-49c6-acd3-b86346ae0b14)

You can then select the list to edit it to your heart's content.&#x20;

For more information on **Lists**, check out the [**Lists**](https://help.adalo.com/component-basics/connecting-lists-and-forms-to-a-database) help document.

\*Note: You can also create a list by [grouping](https://help.adalo.com/glossary#grouping) certain components together and then selecting **Make List** in the lefthand menu that appears.
{% endtab %}
{% endtabs %}

## Magic Text

{% tabs %}
{% tab title="Description" %}
Magic Text is information pulled from records within your database. This can be anything from names, numbers, dates, or photo URLs. Think of Magic Text as a placeholder for information that will change based on a user's actions or information.
{% endtab %}

{% tab title="In-Depth" %}
Magic Text can be accessed anywhere you see the sparkly T icon <img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mf46NeOOrr3_cPvRIc_%2F-Mf4763nBrjW5lDFP4aN%2FScreenshot%202021-07-20%20141425.png?alt=media&#x26;token=dfb46e95-fffa-44f5-adbb-1a4c65766892" alt="" data-size="original"> or where you see the sparkly X icon <img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mf46NeOOrr3_cPvRIc_%2F-Mf47rerIP_fJBQ3iNjE%2FScreenshot%202021-07-20%20141733.png?alt=media&#x26;token=21233973-1735-4aa3-a5f2-ad7a04d63f26" alt="" data-size="original">which is used in number fields and formulas. Upon clicking, it will open up menus for you to choose from your collections the pieces of data you want to display.

For additional information, check out our [Magic Text](https://help.adalo.com/component-basics/inserting-dynamic-text) help document.
{% endtab %}
{% endtabs %}

## Maker

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Many-to-Many

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Marketplace

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Method

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Metrics

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Modal

{% tabs %}
{% tab title="Description" %}
A modal is like a popup that serves as either an intermediate screen or a temporary screen. It's typically used to present options to the users about records, ask them to confirm something, or even edit records with a form of some kind.
{% endtab %}
{% endtabs %}

## Native

{% tabs %}
{% tab title="Description" %}
Native simply means that an application software has been built in a specific programming language so that it's compatible with certain devices. Your Adalo apps are both [iOS](https://help.adalo.com/glossary#ios) and [Android](https://help.adalo.com/glossary#android) native, meaning they're built on both operating systems and do not necessarily need internet connectivity to run on Apple and Android devices.
{% endtab %}
{% endtabs %}

## Normal Screen

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Object

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## One-to-Many

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Opacity

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Operating System

{% tabs %}
{% tab title="Description" %}
An operating system is a computer's "software that communicates with the hardware and allows other programs to run. It is comprised of system software, or the fundamental files your computer needs to boot up and function. Every desktop computer, tablet, and smartphone includes an operating system that provides basic functionality for the device." [Read More >](https://techterms.com/definition/operating_system)
{% endtab %}
{% endtabs %}

## Overflow Menu

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Padding

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Parameters (Params)

{% tabs %}
{% tab title="Description" %}

{% endtab %}

{% tab title="In-Depth" %}

{% endtab %}
{% endtabs %}

## Plaid

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Plaid Client ID

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Play App Signing

{% tabs %}
{% tab title="Description" %}
Play App Signing is an optional process by which Google verifies your apps and any changes that are made to it. By opting in to Play App Signing, you are giving Google permission to hold the certificates required to make changes to your app. You can check which apps have Play App Signing enabled, by going to your [Play Store Console](https://play.google.com/console), clicking on the app you want to check, clicking the **Setup** tab in the left menu, then choosing **App Integrity**. If your app is enrolled you will see a Green check mark and a "Enabled" message in the top left.
{% endtab %}

{% tab title="Second Tab" %}

{% endtab %}
{% endtabs %}

## Preview

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Primary Color

{% tabs %}
{% tab title="Description" %}
In the Branding section of the lefthand menu in the Adalo Editor, you'll have the option to customize your app's colors. We offer this to give you greater customizability and make coherent branding easier. The Adalo Editor offers the option to choose both primary and secondary colors for various elements of your app, including background screen, app bars, icons, buttons, etc. Your primary color will be the dominant color of your app's elements.
{% endtab %}

{% tab title="In-Depth" %}
Take the Adalo website for example. The primary color is teal and the secondary color would be gold:

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh-fFircIHdEgey76zm%2F-Mh-goB3Rem_z3piFPV5%2FScreen%20Shot%202021-08-13%20at%201.07.56%20PM.png?alt=media\&token=633e011e-540c-4148-ad89-95817f5f41bd)

Here's another quick example in case you're still unsure about how primary and secondary colors are implemented in your app.&#x20;

![Screenshot of the Color menu in Branding tab](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh-584y8Cg5thn9v10b%2F-Mh-afZlqDPYayHBB5I1%2FScreen%20Shot%202021-08-13%20at%2012.40.51%20PM.png?alt=media\&token=133d5187-b862-4223-95f4-c351194b2cb0)

![Click on Primary Color and Secondary Color for an extensive color selection tool](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhOwDt663EHpsudsv78%2F-MhOx2JPMDJRgNawk0ry%2FScreen%20Shot%202021-08-18%20at%2010.49.08%20AM.png?alt=media\&token=c3f926c6-354c-4882-bc2a-28735b93dff4)

![The colors you choose will be tastefully implemented into your app](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh-fFircIHdEgey76zm%2F-Mh-gOoG3xM1QfbEbIH8%2Fimage.png?alt=media\&token=d8130206-8373-4f9f-b591-1fd2dc8414aa)

\*Note: You have the option to choose whether or not individual elements like buttons and app bars use your primary and secondary colors. They are just more easily accessible to make uniform branding easier.

\*\*Note: You can always change your primary and secondary colors throughout the app creation process.
{% endtab %}
{% endtabs %}

## Property

{% tabs %}
{% tab title="Description" %}
[**Databases**](https://help.adalo.com/database) in Adalo are made up of [**Collections**](https://help.adalo.com/glossary#collection). Properties are the individual categories of information that make up each collection. For example, in a "Users" collection (a database collection of your app's users), you might include properties for your users' Email, Username, Password, Full Name, and Profile Picture. You can customize the number and types of properties each of your collections includes.
{% endtab %}

{% tab title="In-Depth" %}
Here's a more in-depth visual to accompany the example mentioned in the description, as well as instructions on how to access properties.

Navigate to **Database** in the lefthand menu for a list of your app's collections:

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh0HnW6DqDAbmhSeQBe%2F-Mh0KFcRh4ZG9AIR20TJ%2FScreen%20Shot%202021-08-13%20at%203.53.12%20PM.png?alt=media\&token=7e3665bf-235d-4cd8-a853-db7440905ea7)

To access a collection's properties, select a collection from your list of collections:

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh06KjNe_fQNtQ_mvUy%2F-Mh0FFB0jyUFtYHquaox%2FScreen%20Shot%202021-08-13%20at%203.31.42%20PM.png?alt=media\&token=3ce8d61c-136a-4693-9335-507b42f1ce3e)

For this example, the **Users** collection is selected. A dropdown menu of properties will open:

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh06KjNe_fQNtQ_mvUy%2F-Mh0Gth5ixXu0YrpnWzx%2FScreen%20Shot%202021-08-13%20at%203.32.07%20PM.png?alt=media\&token=3e0cf43c-0bd1-4793-ad05-ddfd6ebb220b)

From this dropdown menu, you can add and delete properties, as well as select a property to edit the [records](https://help.adalo.com/glossary#record) therein.&#x20;

As you can see, there are various types of properties you can have in each collection. The properties with the link icon (looks like two papers and a paper clip) are called relationships and are slightly more complex, so you can disregard them for now, or learn more about them [here](https://help.adalo.com/database/collections-in-a-database)).&#x20;
{% endtab %}
{% endtabs %}

## Publish

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Push Notification

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## PWA

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Record

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Request Permission (action type)

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Rounding

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Scope

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Screen

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Seat

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Secondary Color

{% tabs %}
{% tab title="Description" %}
In the Branding section of the lefthand menu in the Adalo Editor, you'll have the option to customize your app's colors. We offer this to give you greater customizability and make coherent branding easier. The Adalo Editor offers the option to choose both primary and secondary colors for various elements of your app, including background screen, app bars, icons, buttons, etc. You may want to choose a secondary color to accent the dominant color of your app.
{% endtab %}

{% tab title="In-Depth" %}
Take the Adalo website for example. The primary color is teal and the secondary color would be gold:

![](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh-fFircIHdEgey76zm%2F-Mh-goB3Rem_z3piFPV5%2FScreen%20Shot%202021-08-13%20at%201.07.56%20PM.png?alt=media\&token=633e011e-540c-4148-ad89-95817f5f41bd)

Here's a quick example in case you're still unsure about how primary and secondary colors can be implemented in your app.&#x20;

![Screenshot of the Color menu in Branding tab](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh-584y8Cg5thn9v10b%2F-Mh-afZlqDPYayHBB5I1%2FScreen%20Shot%202021-08-13%20at%2012.40.51%20PM.png?alt=media\&token=133d5187-b862-4223-95f4-c351194b2cb0)

![Click on Primary Color and Secondary Color for an extensive color selection tool](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-MhOxzfxCyX5OYNxTFy4%2F-MhOyGjc0hovzedsWmCi%2FScreen%20Shot%202021-08-18%20at%2010.49.08%20AM.png?alt=media\&token=f3e25462-038d-4295-91ee-81392b394052)

![The colors you choose will be tastefully implemented into your app](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh-584y8Cg5thn9v10b%2F-Mh-aj8Uc2oejGwto6gP%2FScreen%20Shot%202021-08-13%20at%2012.40.26%20PM.png?alt=media\&token=a0e6ab14-c542-4225-8f23-c980deb881cf)

\*Note: You have the option to choose whether or not individual elements like buttons and app bars use your primary and secondary colors. They are just more easily accessible to make uniform branding easier.

\*\*Note: You can always change your primary and secondary colors throughout the app creation process.
{% endtab %}
{% endtabs %}

## Selling/Transferring Apps

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Shadow

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Share App

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## SKU

{% tabs %}
{% tab title="Description" %}

{% endtab %}

{% tab title="In-Depth" %}

{% endtab %}
{% endtabs %}

## Sometimes Visible

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Stripe

{% tabs %}
{% tab title="Description" %}
Stripe is an online payment processing software. Through Stripe's API, your Adalo app can send and receive payments online. You can enable Stripe on your app by downloading the [Stripe Kit Component](https://help.adalo.com/component-basics/marketplace-components/stripe/adding-payments-using-stripe) found in the [Component Marketplace](https://help.adalo.com/component-basics/marketplace-components).
{% endtab %}

{% tab title="In-Depth" %}
To gain access to the Stripe component, navigate to the Component Marketplace in the lefthand menu, find it among the list of marketplace components, and click "**Install**"

![Select "Explore Marketplace" and then scroll until you find Stripe Kit ](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh-hNttNnyh0QyhzhfD%2F-Mh-p4-zwOk48w4AXLEI%2FScreen%20Shot%202021-08-13%20at%201.43.29%20PM.png?alt=media\&token=da74167f-2c5c-4bad-b2d3-8e5a9658dcea)

![Stripe Kit component pictured right](https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LhGHkPsv15svPIU5I7C%2F-Mh-hNttNnyh0QyhzhfD%2F-Mh-p7lj_nSQhat0J5E2%2FScreen%20Shot%202021-08-13%20at%201.43.52%20PM.png?alt=media\&token=4227ea18-173b-452a-aee8-68782fe699a3)

After installing, you will be able to find the Stripe Kid component in the "**Installed**" dropdown menu that appears under the "**Add Component**" section of the lefthand menu.

For more information on Stripe integrations, check out our [Stripe](https://app.gitbook.com/@adalo/s/foundry-pt-2/~/drafts/-MgqsJZqLGmvlf7hbkyD/component-basics/marketplace-components/stripe/@drafts) help docs. Or, find out more on their [website](https://stripe.com/).&#x20;
{% endtab %}
{% endtabs %}

## Stripe Client ID

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Subdomain

{% tabs %}
{% tab title="Description" %}
A subdomain acts as a specific and different version of your regular domain name. They are often setup as [app.yoursite.com](http://app.yoursite.com/) or [docs.yoursite.com](http://docs.yoursite.com/) or [support.yoursite.com](http://support.yoursite.com/) where the words app, docs, and support serve as the subdomains for yoursite.com. Subdomains are setup as DNS records under the top-level domain (TLD) - such as yoursite.com. The exact where subdomains are hosted depends on the service. For example, you may use app.yoursite.com for your Adalo app, you may use docs.yoursite.com for your Gitbook help docs, and you might use support.yoursite.com for your Hubspot help desk.
{% endtab %}
{% endtabs %}

## Subscription

{% tabs %}
{% tab title="Description" %}
A subscription is a form of payment plan in which customers make recurring payments to a business or organization for access to a product or service, usually at fixed intervals of time. Find out more about Adalo's subscription plans [here](https://www.adalo.com/pricing)!
{% endtab %}
{% endtabs %}

## Teams

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## TestFlight

{% tabs %}
{% tab title="Description" %}

{% endtab %}

{% tab title="In-Depth" %}

{% endtab %}
{% endtabs %}

## Top-Level Key

{% tabs %}
{% tab title="Description" %}

{% endtab %}

{% tab title="In-Depth" %}

{% endtab %}
{% endtabs %}

## Trigger Notification (action type)

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## URI

{% tabs %}
{% tab title="Description" %}

{% endtab %}

{% tab title="In-Depth" %}

{% endtab %}
{% endtabs %}

## Update (action type)

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Users Collection

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Visibility

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Visible Field

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Web App

{% tabs %}
{% tab title="Description" %}
A web app, or web application, is a computer program that performs a certain function and is accessible via an internet connection. Some examples of web apps are email programs such as Gmail, the Google Drive apps, and chat apps like Discord.
{% endtab %}
{% endtabs %}

## Welcome Screen

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}

## Zapier

{% tabs %}
{% tab title="Description" %}

{% endtab %}
{% endtabs %}
