Adalo Resources
Sign Up for Adalo
Adalo Resources
Adalo Resources
  • 🚀Getting Started
  • 🎨Design
    • Designing Your App
      • Definitions and Terms
      • Creating an App
      • Using the Screen Size Switcher
      • Building with Sections
      • Alignment Tools
      • Using the Layout Tab
        • Screen Size Visibility
        • Sticky While Scrolling
        • Shared Layout Settings
        • Custom Layout Settings
      • Grouping Components
      • Responsive Navigation
        • Responsive Side Navigation
          • Side Navigation
          • Title
          • Menu Style
          • Menu Items
          • Bottom Button
          • Profile Section
        • Responsive Top Navigation
          • Navigation Bar
          • Title
          • Menu Items
          • Additional Navigation
          • Profile Image
      • Responsive Design Best Practices
    • Branding
      • Colors
      • Fonts
    • Create Component States
    • Preview Your App
    • Design Versions
    • Additional Design Resources
    • Migrating Legacy Apps
    • Legacy Builder
      • Create Component Containers
      • Positioning Components
      • Arranging and Grouping Components
      • Preview your App (Legacy Builder)
  • 🎬Actions
    • Action Basics
    • Links
    • Change Data
    • Notifications
      • Request Notification Permission in Your App
      • Trigger Push Notifications
      • Testing Notifications
      • Troubleshooting Notifications
        • Notifications Not Working on Android
        • Notifications Not Working on iOS
        • Notifications Not Working on PWA
    • Conditional Actions
    • Permissions
    • App Authentication
  • 🛠️Screens and Components
    • Screens
    • Deep Linking
      • Setup Deep Linking
      • Deep Linking With Data
      • Deep Linking Share Action
      • Deep Linking Redirection & Fallbacks
      • FAQs and Troubleshooting
    • Screen Navigation
    • Component Basics
    • Magic Text
      • Logged-In User vs. Current User
      • How to Format Dates and Numbers
      • Sums, Counts, Averages, Min and Max
      • How to Create a Custom Math Formula
        • Complex Calculations
    • Conditions and Filtering
      • Filtering in Adalo
      • Using Conditions in Adalo
    • Changing a Component's Visibility
    • Lists
      • Sorting and Filtering Lists
      • Creating Custom Lists
      • Lists of Lists
    • Buttons
    • Toggles
    • Forms
    • Simple Components
      • Image Component
      • Text Input
      • Webview Component
        • Troubleshooting Webview
          • Webview URL not loading in Adalo App
          • Webview crashing in Native App
    • Table Component
    • Video Component
    • Marketplace Components
      • How to Add Components from the Marketplace
      • Digital Purchases for In-App Purchases
      • Sign in with Google
      • Sign in with Apple
      • Maps
      • Bar Charts and Line Graphs
      • Pie Chart
      • Google Admob
        • Troubleshooting Admob
          • Ads Not Displaying in Native
      • Calendar
      • Progress Bar
      • Star Rating
      • Stopwatch
      • Slider
      • Lottie Files
      • YouTube
      • Audio Player
        • Troubleshooting Audio Player
          • Apple App Rejection: UIBackgroundModes key
      • Deck Swiper
      • Markdown Renderer
      • Signature
      • Stripe
        • Stripe Payment
        • Stripe Subscription
        • Stripe Connect Marketplace
          • Set up your Stripe Account for Stripe Connect
          • Allow Merchants to Connect their Stripe Account to your App
          • Stripe Connect
          • Stripe Marketplace Payment
        • Configuring Stripe Test Mode
        • Stripe Custom Actions
          • Get Stripe Subscription Data
          • Get Stripe Customer Data using Email Address
        • Legacy Stripe Components (Deprecated)
          • Marketplace Payments
            • Set up your Stripe Account for Stripe Connect
            • Allow Merchants to Connect their Stripe Account to your App
            • Configure Consumer Payment to go to Merchants' Accounts
          • One-time Card Payments
          • Subscription Payments
  • 🧱Feature Templates
    • Browse, Purchase, and Manage Classes
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Category List Screen
      • Classes List Screen
      • Class Details Screen
      • Purchase Screen
      • Congrats Screen
      • Admin Manage Clinics Screen
      • Admin Transactions Screen
      • Admin Create Clinic & Admin Edit Clinic Screens
    • Browse, Purchase, and Manage Events
      • Overview — Screens, Database, Layout Settings, Use Cases
    • Browse Classes
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Category List Screen
      • Classes List Screen
      • Classes Details Screen
    • Classes Admin Dashboard
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Admin Manage Clinics Screen
      • Admin Transactions Screen
      • Admin Create Clinic & Admin Edit Clinic Screen
    • User Chat
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Conversations List Screen
      • Chat Screen
      • New Chat Modal Screen
    • Forum
      • Overview — Screens, Database, Layout Settings, Use Cases
    • Group Messaging
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Messaging Screen
      • Edit Message Modal Screen & Edit Channel Modal Screen
      • Search Messages Screen & Channels Screen
    • Account Settings
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Account Settings Screen
      • Success Modal Screen & Delete Account Confirmation Screen
    • Appointment Booking
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Coaches Screen
      • Time Slots Screen
      • Book Appointment Screen
      • Coach Admin Screen
      • Edit Session Screen
    • Assign Tasks
      • Overview — Screens, Database, Layout Settings, Use Cases
      • My Tasks Screen, Team Tasks Screen, Completed Screen
      • Task Detail Screen
      • Edit Task Screen
    • Agree and Sign
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Terms Screen
      • Agree & Sign Modal Screen
      • Signatures Admin Screen
    • Announcements & Notifications
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Notifications Screen
      • Notify All & Notify One Screens
    • User Profile & Account Settings
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Setup Step 1 Screen
      • Setup Step 2 Screen
      • My Profile Screen
      • Additional Screens
    • Browse Users
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Browse Members & Profile Screen
    • Browse Dates
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Time Slots & Workout Screens
    • Browse Home Listings
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Listings Screen
      • Listing Detail Screen
      • Modal Image Gallery Screen
    • Image Carousel
      • Overview — Screens, Database, Layout Settings, Use Cases
      • Screens
    • Image Gallery Modal
      • Overview — Screens, Database, Layout Settings, Use Cases
    • User Admin Dashboard
      • Overview — Screens, Database, Layout Settings, Use Cases
    • Workout Assignment
      • Overview — Screens, Database, Layout Settings, Use Cases
    • Social Media Feed
      • Overview — Screens, Database, Layout Settings, Use Cases
    • Store with Shopping Cart
      • Overview — Screens, Database, Layout Settings, Use Cases
    • Inventory Management
      • Overview — Screens, Database, Layout Settings, Use Cases
    • Video Gallery & Upload
      • Overview — Screens, Database, Layout Settings, Use Cases
    • Restaurant Ordering
      • Overview — Screens, Database, Layout Settings, Use Cases
  • 🗃️Database
    • Database Property Types
    • Relationships
      • One-to-Many vs. Many-to-One
      • Many-to-Many
    • The User Collection
    • Collection Permissions
    • Importing Records from a CSV File
    • Download your Collection as a CSV File
    • Location
      • Getting Your Google API Key
      • Estimating Google API Usage
      • The Location Property Type
      • Location in Forms and Inputs
      • Location Magic Text and Formatting
      • Getting the User's Location
      • Latitude, Longitude, and Special Formulas
      • Comparing Locations
      • Troubleshooting Location Features
  • 🪄Settings
    • Copying vs Cloning your App
      • How to Copy and/or Delete an App
      • Cloning Apps and Making Apps Cloneable
  • 🚀Performance
    • Builder Performance Tips
    • Optimize App Performance
      • Image Optimization
      • Five Tips for Improving Your Adalo App Performance
  • ✍️Publishing Apps
    • Publishing to the Web
      • Publish to Adalo Subdomain
      • Publish to Custom Domain
      • Troubleshooting Domain Setup
        • Custom Domain is Not Secure
        • Domain Could Not be Verified
        • Error: Not Found
    • Publishing to the Google Play Store
      • Create Your Google Developer Account
      • Create your Firebase Project
      • Register Android App & Download Config File
      • Generate & Download Private Key
      • Get your Build file
      • Create New Google Play Listing
      • Upload your Build file to Google Play Listing
      • Finalize Listing and Release App
      • Troubleshooting Android Release
        • Google Play rejected the app due to data safety issues
        • Error: Android App Signed with Wrong Key.
        • Error: Version Code 'xxx' has already been used. Try another Version code.
        • Error: Package Name already exists in Google Play.
        • Error: Upload a valid app bundle.
        • Error: Existing Users Can't Upgrade to New App Bundles.
    • Publishing to the Apple App Store
      • Create Your Apple Developer Account
      • Setup Annual Payment for your Apple Developer Account
      • Create Your Apple Bundle ID
      • Create Your Adalo ‘App-Specific Password’
      • Start your Build in Adalo
      • Add Users to Your App Store Connect Team
      • Add Users to Testflight
      • Creating Screenshots for the App Store
      • Privacy and App Tracking Transparency
      • Troubleshooting iOS
        • Build Error: You have reached the maximum number of certificates
        • Build Error: You have already reached the maximum allowed number of keys for this service
        • Build Error: Distribution certificate has expired
        • Build Error: Asset Validation Failed - Invalid App Store Icon
        • App Rejected: Add Permission Text to Your iOS Build
        • Delivery warning during the app submission process: ITMS-90899
        • iOS Build Not Showing in Testflight
        • Apple Two-Factor Authentication Error
    • Publishing to the Web (Legacy Apps)
    • Uploading .APK (Legacy)
    • Publishing FAQs
    • Troubleshooting
      • Build Stuck in Queue
  • ▶️Videos
    • Getting Started
    • Full Walkthrough
    • Working with Data
    • Designing your Database
    • Custom Lists
    • Changing Component Visibility
    • Forms
    • Ordering & Payments
    • Math & Custom Formulas
    • Chat
  • 👩‍🏫Tutorials
    • How to Use Keyboard Shortcuts
    • How to Embed Video or Audio (YouTube, Vimeo, SoundCloud)
    • How to Share a Database Between Apps
    • How to Create an Empty State
    • How to Create a Search Bar
    • How to make a list your users can filter
    • How to Create a Modal/Popup Window
    • How to create a "Favorite" button (Legacy Builder)
    • How to add an Image to an App Bar
    • How to send Scheduled Push Notifications
    • Start Maps Navigation in Your Adalo Apps Using Google Maps, Apple Maps, or Waze
    • Generating Map Previews in Your Adalo App Using the Google Static Maps API
    • Special Links: Email, Text (SMS), and Phone
    • How to have a Dropdown Menu in a Form
    • How to Setup a Shopping Cart with Payments
    • How to set up a Public Profile screen for Users
    • How to Allow Users to Follow Others
    • How to have a Form Automatically Set a Relationship
    • How to add Chat to your App
    • How to Create Multi-Sided Apps
    • How to Add an "Add to Calendar" Button for Events
    • Forwarding Domain to Root Address
    • How to Create Temporary User Avatars
    • How to Set Up a Social Media List
    • How to Play Your Spotify Podcast in Adalo’s Audio Player
  • 🧩Integrations
    • The Adalo API
      • Collections API
      • Send Push Notifications via API
    • Xano
      • Setup Your Xano Workspace
      • Connect Xano with Private Swagger
      • Connect Xano to an Adalo App
      • User Signup, Login, Authentication
      • Google Sign In with Xano Database
      • Other Collections
      • Working with Data Types in Adalo and Xano
      • Counting Records with Xano
      • Lists and Pagination
      • Xano Response
      • Xano Tips and Tricks
      • Troubleshooting
    • Accessing your Record ID
    • Custom Actions
      • ✨Power Your App with ChatGPT
    • External Collections with APIs
      • Magic Text in External Collections
    • Airtable
      • Connecting to Airtable
      • Adding/Deleting Properties
      • Displaying Images
      • Working with Lists
        • Images In Lists
        • Filtering Airtable Lists
        • Magic Texts in Lists
        • Limiting the Number of List Items
        • Sorting Airtable Lists
      • Working with Forms
        • Airtable Dropdown fields & Validation
      • Working with Attachments, Images and Airtable relationship Fields
      • Relationships & Airtable Collections
      • Debugging
    • DreamFactory
    • Zapier
    • Make (Formerly Integromat)
      • Create a PDF from a record in Adalo
      • Notification in Slack when a new user registers in your Adalo app
      • Send verification email to new sign ups
      • Send a verification SMS to new sign ups
      • Send a file to Google Drive from Adalo
      • Send new files from a Google Drive folder to an Adalo collection
      • Use Google Vision for OCR an image and store the text results in an Adalo record
    • IAPHUB
    • Mixpanel
    • Troubleshooting the Adalo API
      • List inside of a List not loading
      • Error Codes
  • ⚙️Adalo Account
    • Account
      • Updating Email and Password
      • Enabling Developer Mode
    • Team Members
      • Add Team Members to Your Adalo App
    • Apps
    • Usage and Billing
      • Billing, Invoices, and Payments
      • App Actions Dashboard
    • Domains
      • Resetting SSL
  • ❓FAQs
    • General Questions
    • What can Adalo do?
    • Adalo Pricing: FAQs
    • Adalo Account: FAQs
    • Adalo Subscription Add-Ons
    • Working with an Adalo Freelancer
    • Adalo Experts
    • Adalo Affiliate Program
    • Adalo Pricing: Legacy Accounts
  • 🤔Troubleshooting
  • 📚Additional Resources
    • Adalo App Academy
      • Introduction to Apps
      • Strategy and Business
      • Design
      • Build
      • Launch & Iterate
      • Freelancers & Agencies
      • All Courses
    • App Development Cost Calculator
    • Hire an Adalo Expert
    • Adalo Forum
  • 📖Glossary
Powered by GitBook
On this page
  • Account Settings
  • Action
  • Aggregated Data
  • Airbase
  • Android
  • API (Application Programming Interface)
  • API Base URL
  • API Endpoint
  • API Key
  • App Settings
  • Automatic Field
  • Available Data
  • Body (fonts)
  • Breakpoints
  • Bug (and Debug)
  • Build
  • Canvas
  • Change Input Value (action type)
  • Chip
  • Clone App
  • CNAME Record
  • Collection
  • Collections API
  • Component
  • Component Marketplace
  • Conditional Actions
  • Conditional Visibility
  • Config. File
  • Copy App
  • Count
  • Create (action type)
  • Custom Action
  • Delete (action type)
  • Developer Accounts
  • DNS Provider
  • DNS Record
  • Domain
  • Editor
  • Endpoint
  • Endpoint Accordion
  • External Collection
  • File Picker Component
  • Heading (fonts)
  • HIPAA
  • Home Screen
  • Grouping
  • iOS
  • JSON
  • Language Support
  • Layers
  • Linking
  • Logic
  • List
  • Magic Text
  • Maker
  • Many-to-Many
  • Marketplace
  • Method
  • Metrics
  • Modal
  • Native
  • Normal Screen
  • Object
  • One-to-Many
  • Opacity
  • Operating System
  • Overflow Menu
  • Package Name
  • Padding
  • Parameters (Params)
  • Plaid
  • Plaid Client ID
  • Play App Signing
  • Preview
  • Primary Color
  • Property
  • Publish
  • Push Notification
  • PWA
  • Record
  • Request Permission (action type)
  • Rounding
  • Scope
  • Screen
  • Seat
  • Secondary Color
  • Selling/Transferring Apps
  • Shadow
  • Share App
  • SKU
  • Sometimes Visible
  • Stripe
  • Stripe Client ID
  • Subdomain
  • Subscription
  • Teams
  • TestFlight
  • Top-Level Key
  • Trigger Notification (action type)
  • URI
  • Update (action type)
  • Users Collection
  • Visibility
  • Visible Field
  • Web App
  • Welcome Screen
  • Zapier

Was this helpful?

Glossary

This is a list of words and definitions for some commonly used Adalo phrases and lingo!

PreviousAdalo Forum

Last updated 1 month ago

Was this helpful?

Account Settings

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 in the top right of the Adalo Editor, then clicking Settings.

Action

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.

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.

Most Commonly Used Actions

    • Create

    • Update

    • Delete

Less Commonly Used Actions

  • Authentication

    • Log in

    • Log out

    • Sign up

  • Mobile

    • Share

Aggregated Data

Aggregating data means taking multiple pieces of data and combining them into a single value — usually to summarize or analyze it.

Some common examples:

  • Sum: Adding up a column of numbers (e.g. total workout volume across many records)

  • Count: Counting how many records exist (e.g. how many workouts a user completed)

  • Average: Finding the average value (e.g. average duration of workouts)

  • Max/Min: Finding the highest or lowest value in a group

In the context of your app: If a user has 50 workout records, aggregation would be used to calculate something like:

  • “What is the total volume lifted across all workouts in the past year?”

Instead of looking at each individual record, aggregation combines them into a single result that you can use in charts, dashboards, or visibility rules.

In Adalo, aggregating data means pulling information from multiple records in a collection and combining it into a single value you can display or use in logic.

For example:

  • You might want to add up the Total Volume from all of a user’s Workout Summaries

  • Or count how many workout logs a user has completed in the past month

  • Or average the score from multiple quiz attempts

These are all forms of aggregation — taking many records and turning them into one result like a total, count, or average.

Airbase

Android

API (Application Programming Interface)

An API (application programming interface) is a web service that uses URLs (called endpoints) 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.

For instance whenever a user creates an account in your Adalo app, their registration details are sent via the Adalo API to the database created to manage your app.

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.

API Base URL

An API base URL defines the root URL upon which all API endpoints are built. For example if you built a SaaS application which resides at https://app.example.com, and you offered users access to an API, then your API base URL might be https://api.example.com. Your API might define API endpoints such as /products which retrieves a list of products managed within your application. Therefore users would access https://api.example.com/products in order to retrieve those products.

API Endpoint

Keep in mind that the endpoint URL is only part of the equation. You'll also need to know which HTTP method is supported by the endpoint. For instance if you were using an API to create a new user within the database then the best practice is to use a POST method, meaning the API client would initiate a POST request to an API endpoint that likely looks similar to this https://api.example.com/users. If you were to retrieve a list of users or just one user, then the API client would initiate a GET request to an API endpoint that looks like https://api.example.com/users or https://api.example.com/users/45, respectively.

API Key

App Settings

Automatic Field

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.

Available Data

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.

Body (fonts)

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.

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.

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).

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.

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."

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.

Breakpoints

Mobile

- Min: 240px

- Default: 390px (iPhone Pro)

- Max: 719px

Tablet

- Min: 720px (this is the “breakpoint”)

- Default: 834px

- Max: 991px

Desktop

- Min: 992px (this is the “breakpoint”)

- Default: 1512px (MacBook Pro 14in)

- Max: 2560px (27in Mac Monitor)

Bug (and Debug)

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. It is critically important for programmers to understand where their programs may fail, and ensure their program can respond in such a way that the user understands what caused the error.

Debugging is the process of locating and removing errors (or bugs) from a computer program.

Build

A build simply refers to 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.

Canvas

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.

Change Input Value (action type)

Chip

In the Adalo Editor, you have access to a component that utilizes chips – the "Horizontal Chip List" (pictured below).

And here's how it looks on a screen:

Clone App

*mention how it's different from copy - David

CNAME Record

A CNAME (short for Canonical Name Record) is a type of DNS record that maps one domain, known as the alias, to another domain, known as the canonical record. CNAMEs are a critical feature to many Adalo makers who desire to use a custom domain name to host a web-based mobile application, because the custom domain name (the alias) will need to be mapped to the Adalo domain (the canonical name) associated with the server where Adalo-hosted apps are managed.

This is why when adding a new domain to your app within the Adalo builder you'll see instructions that look like this:

In order to create a CNAME record you'll need administrative access to the domain name registrar where the domain was registered (Namecheap, GoDaddy, etc), or to the third-party where the domain's DNS management has been delegated (such as Netlify). For example in Namecheap you would navigate to the domain's Advanced DNS tab and create a new CNAME record like so:

Collection

In Adalo nomenclature, database tables are known as 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.

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 a visual example click on the In-Depth tab.

Here's an example of the Database collections of a food ordering app:

As you can see, each collection is just a grouping of the app's important nouns.

Collections API

A collection is the Adalo nomenclature for a database table, and the Collections API gives makers the ability to access their app collections outside of the app and Adalo Canvas. For instance you might want to create a digital dashboard in your office that displays the number of users who signed up to use your app over the last 24 hours. This would be easily accomplished by accessing your app's Collections API.

Component

Components are the building blocks of your Adalo app. All of the elements that appear on your screen – lists, buttons, text, etc. – are components.

Component Marketplace

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).

Conditional Actions

Conditional Visibility

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.

To apply conditional visibility to a component, first select the component and navigate to the lefthand menu.

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

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.

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.

Config. File

A Firebase Config. File contains the configuration data that your app needs to find its Firebase project on the servers.

Copy App

Count

The term count is often used to refer to the number of records in an Adalo collection. For instance, you might want to display the count of products found in your app catalog.

Create (action type)

This action creates a record in a database.

Custom Action

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)

  • 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

Delete (action type)

Developer Accounts

Developer accounts generally refer to any account that is created in order to gain access to a third-party service's API and other features for the reason of enhancing your own software. For instance you would need a Stripe developer account in order to add Stripe-managed credit card processing to your web application.

If you want to publish your Adalo app so it can be installed on an Android device or iPhone, you'll need to create Apple Developer and Google Play Developer accounts.

DNS Provider

A DNS Provider manages the DNS records for a domain name. This is usually the company that you purchased your domain name from (known as the domain registrar), but it's also possible to delegate DNS management to a third-party such as Netlify. If you would like to make an Adalo web application available via a domain name owned by you, then you will need administrative access to your domain's DNS provider.

DNS Record

A DNS Record is a piece of information telling the DNS Provider how to connect the different pieces of your project. For instance, you might use Wix for the marketing website, Mailchimp for emails, Stripe for payments, and Adalo for your app. You'll need to add and manage domain DNS records for each of these services in order to connect everything together in a convenient and transparent fashion.

Domain

Editor

"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.

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.

Endpoint

Endpoint Accordion

External Collection

File Picker Component

'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', 

Heading (fonts)

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.

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.

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).

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.

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."

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.

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.

Home Screen

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.

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.

Grouping

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.

iOS

JSON

JSON (JavaScript Object Notation) is the de facto standard data format used by HTTP-based APIs. It has come to be preferred over XML-formatted data because the format is both easily readable and writable by humans. Here is an example JSON object used to describe a job candidate:

{
  "name": "John Doe",
  "email": "johndoe@example.com",
  "isEmployed": true,
  "skills": ["JavaScript", "Python", "HTML"],
  "address": {
    "street": "123 Main St",
    "city": "Springfield",
    "zipCode": "12345"
  }
}

Adalo heavily uses JSON throughout the application and infrastructure to pass data to and from maker applications, however its use is largely incidental to makers.

Language Support

Layers

Linking

This action can link to a different screen in your app or to an eternal website.

Logic

List

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

Scroll down until you see the dropdown menu labeled Lists

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

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

You can then select the list to edit it to your heart's content.

Magic Text

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.

Maker

Many-to-Many

You'll often want to combine data found within two or more Adalo collections. This is also known as joining data, and exactly how you join data together will depend upon the type of relationship, of which Adalo supports three: one-to-many, one-to-one, and many-to-many.

The many-to-many relationship type means each record in one table can be related to one or more records in another table. For example a travel app might allow users to indicate whether they've visited a particular monument. This means each monument could be related to many users, and each user could be related to many locations.

Marketplace

Method

In the programming world a method can refer to several different concepts, including most notably an object-oriented class function and the type of action an API client would like to execute on a resource exposed through an HTTP API. In the Adalo world when you come across the term, it's likely in reference to the latter.

There are five HTTP methods, including GET, POST, PUT, PATCH, and DELETE. The GET method is used to retrieve data, POST is used to insert data, PUT replaces an existing resource with an updated version, PATCH updates a resource, and DELETE, you guessed it, deletes a resource.

Metrics

Modal

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.

Native

Normal Screen

Object

One-to-Many

You'll often want to combine data found within two or more Adalo collections. This is also known as joining data, and exactly how you join data together will depend upon the type of relationship, of which Adalo supports three: one-to-many, one-to-one, and many-to-many.

A one-to-many relationship means one Collection entry (or record) can be associated with one or more records in another collection. For example, if you were building an app for buying and selling automobiles, then you will probably create collections managing automobile manufacturer makes and models. Because Toyota and only Toyota makes the Sienna, Avalon, and Tacoma, we can create a one-to-many relationship between the manufacturers collection and the models collection.

Opacity

Opacity refers to an element's degree of transparency. Many Adalo components offer a transparency control which you can use to vary the component's opacity.

Operating System

Overflow Menu

Package Name

Every Android app has a unique Package Name, such as com.example.myapp. This ID uniquely identifies your app on the device and in the Google Play Store.

  • It must have at least two segments (one or more dots).

  • Each segment must start with a letter.

  • All characters must be alphanumeric or an underscore [a-zA-Z0-9_].

Once you publish your app, you should never change the Package Name. If you change the Package Name, Google Play Store treats the upload as a completely different app. If you want to upload a new version of your app, you must use the same Package Name as the Listing in the Google Play Console.

Padding

Parameters (Params)

Plaid

Plaid Client ID

Play App Signing

Preview

Primary Color

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.

Take the Adalo website for example. The primary color is teal and the secondary color would be gold:

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

*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.

Property

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:

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

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

Publish

To publish an Adalo app means to make it available for your audience.

Push Notification

PWA

Record

Request Permission (action type)

Rounding

Scope

Screen

Seat

Secondary Color

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.

Take the Adalo website for example. The primary color is teal and the secondary color would be gold:

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

*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.

Selling/Transferring Apps

Shadow

Share App

SKU

Sometimes Visible

Stripe

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"

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.

Stripe Client ID

Subdomain

Subscription

Teams

TestFlight

Top-Level Key

Trigger Notification (action type)

URI

Update (action type)

Users Collection

Visibility

Visible Field

Web App

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.

Welcome Screen

Zapier

To learn about Custom Actions, which you can use to integrate your Adalo app with other systems, .

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.

Android is a mobile-first 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 .

An endpoint is the URL used to execute a task defined by the API logic, such as create a new user or process a payment. For instance an API endpoint used to retrieve a list of products might look like this https://api.example.com/products.

An 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."

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 .

According to material-ui.com, a chip is a compact element that represents an input, attribute, or action.

Each of your app's collections can be customized to include any number of . So to tie it all together, if collections are the nouns of your app, then properties are the adjectives that describe them.

The collections API isn't limited to read-only requests. It's also possible to insert, update, and delete data. Learn more about the Collections API .

For a more in-depth description of components, check out our help document.

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: .

If you need support with Adalo's Marketplace component, please reach out to us by . If you need support with a component developed by a third-party developer, please reach out to the developers.

For more on the Component Marketplace, take a look at our help doc.

You can add logic to your actions so that they only happen when certain rules apply. You can think of this feature in terms of the programming logic if this then that else... For example, if you were building a and a submission reached 100 upvotes then you might want to send a congratulatory email to the submitting user. In order to do this the conditional action would need to monitor the upvote count and respond accordingly.

Learn more about conditional actions .

You can learn more about counting records .

Custom Actions are that you create within the Adalo Builder. 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.

Apps that are largely focused on managing and displaying data are typically referred to as CRUD (create, retrieve, update, and delete) apps. Adalo supports all four of these tasks in the form of , including the Delete Action.

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.

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.

An External Collection refers to data sets that aren't managed within an Adalo Collection. For instance some users prefer to use to manage app data, while others prefer to BYOD (Bring Your Own Database) using .

The File Picker component is used in custom to give the user the option to add files from their devices. The file picker presently supports the following types of files:

If there is a file type that we currently do not support that you require, please add an on our board, and you will be notified as we make progress towards implementing these requests.

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.

In the Adalo editor, your home screen will be denoted by the label "Home" and a house icon .

iOS (iPhone Operating System) is Apple's iPhone . It is the operating system employed on all of Apple's mobile devices, meaning iPhones, iPod Touches, and iPads. Your Adalo apps are iOS , meaning that they've been built in a specific programming language so that they're compatible with Apple devices.

'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.'

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 to display information from desired and even allow list items to create , such as to a different or the current user's information.

To add a list to your Adalo app, select the Plus buttonin the upper left corner of the editor to open the lefthand menu.

For more information on Lists, check out the help document.

*Note: You can also create a list by certain components together and then selecting Make List in the lefthand menu that appears.

Magic Text can be accessed anywhere you see the sparkly T icon or where you see the sparkly X icon 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 help document.

A Maker is the term used to refer to anybody using Adalo to make a mobile application! We have an amazing Maker community consisting of people who help each other out in the forums, contribute templates, and grow the .

The is the directory for finding, contributing, and selling components that other Makers can use within their apps.

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 and native, meaning they can be installed and updated through the respective app stores.

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."

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 , 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.

in Adalo are made up of . 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.

From this dropdown menu, you can add and delete properties, as well as select a property to edit the therein.

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 ).

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 found in the .

For more information on Stripe integrations, check out our help docs. Or, find out more on their .

A subdomain acts as a specific and different version of your regular domain name. They are often setup as or or 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.

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 !

📖
click here
Read More >
operating system
73% of the world's mobile phones run on some version of Android
API
API
Read More >
Read More >
Properties
in the documentation
Component Basics
Adalo | Marketplace Developers
submitting a support ticket
Marketplace Components
Product Hunt clone
in the documentation
in the documentation
actions
Read More >
Read More >
Xano
DreamFactory
forms
Adalo | Feature Request
Read More >
operating system
native
Read More >
Database
Collections
actions
link
screen
update
Lists
grouping
Magic Text
Adalo Marketplace
Adalo Marketplace
iOS
Android
Read More >
Play Store Console
Databases
Collections
records
here
Stripe Kit Component
Component Marketplace
Stripe
website
app.yoursite.com
docs.yoursite.com
support.yoursite.com
here
Actions
Link
Data Changes
Send Push Notification
A screenshot of the Fonts menu in the Branding tab
Step 1: Select the form component on a screen
Step 2: Select the element of the component whose text you want to edit
Step 3: Select "Edit Styles"
Step 4: Select the "Font" dropdown menu to change the font
Horizontal Chip List highlighted in yellow
A screenshot of the Adalo Editor
A screenshot of the Fonts menu in the Branding tab
Step 1: Select the form component on a screen
Step 2: Select the element of the component whose text you want to edit
Step 3: Select "Edit Styles"
Step 4: Select the "Font" dropdown menu to change the font
Home screen pictured middle-right (between "Add Profile Picture" and "Conversation")
For this example, a simple list was dragged onto the far right screen
Screenshot of the Color menu in Branding tab
Click on Primary Color and Secondary Color for an extensive color selection tool
The colors you choose will be tastefully implemented into your app
Screenshot of the Color menu in Branding tab
Click on Primary Color and Secondary Color for an extensive color selection tool
The colors you choose will be tastefully implemented into your app
Select "Explore Marketplace" and then scroll until you find Stripe Kit
Stripe Kit component pictured right