Noloco
Ask the CommunityHire an ExpertLoginSign up
  • Noloco Overview
  • πŸš€Quickstart
    • Start with your data
    • Start with AI
    • Start with a template
  • Data to App
    • Database Consolidation
  • App Settings
  • Components
    • Containers
    • Video
  • Templates
  • πŸ”—Data Sources
    • Data Overview
      • Setting a Collection's Primary Field
      • Syncing
    • Noloco Tables
      • Field Types
      • Relationships
      • Automatic Links
      • Rollup Fields
      • Lookup Fields
      • Formulas
      • Noloco AI
      • Import a file
    • Airtable
    • Google Sheets
    • SmartSuite
    • MySQL
    • PostgreSQL
    • REST APIs
    • HubSpot
    • Xano
  • πŸ“„Pages
    • Collection views
      • Show collection record count
      • Empty State
    • Blank pages
    • iFrame embeds
    • External links
    • The Home Page
    • User Profile Page
    • Parent pages & folders
    • Page visibility rules
    • Cloning pages
    • Renaming pages
    • Hiding pages
    • Sidebar dividers
    • Tabs
  • πŸ“‚Collections
    • Adding collection views
    • Display
      • Rows
      • Cards & columns
      • Tables
      • Kanban boards
      • Calendar
      • Timeline
      • Gantt
      • Split-view
      • Charts
      • Maps
      • Pivot Table
      • Single record view
      • Grouping records
      • Record Colors
    • Filters
      • Logged in user
      • Relative Filters
      • Record values
    • Filter fields
    • Sort & limit
    • Row Action
    • Column Summaries
  • πŸ“Forms
    • Forms
      • Customizing Form Fields
      • Passing Linked Record Values to a Form
      • Dynamic Form Field Filters
      • E-Signature Fields
    • Public Forms
  • πŸ“ƒRecord Pages
    • Overview
    • Visibility Settings
    • Hidden Field Values
    • Record Comments
  • ✏️Field Formatting
    • Field visibility conditions
    • In-line editing
    • Conditional Highlight Colors
    • Dates & Time Zones
  • πŸ“ŠCharts
    • Overview
  • πŸ“‚Data Management
    • Export Data
    • Import Data
  • πŸ‘₯Users & Permissions
    • User Table
    • User Management
    • User Roles & Permissions
      • Record-level permissions
      • Field-level permissions
    • Open Sign Up
    • Offboarding Users
    • Testing as other users
  • ⏩Actions
    • Action buttons
      • Create records
      • Update records
      • Bulk actions
      • Barcode Scanner
      • Add a Comment Action
  • ⚑Workflows
    • Workflows
      • On-demand workflows
      • Comment Added Trigger
      • Watched Fields
      • Trigger webhooks
      • Send automated emails
      • For each item in a list...do...
      • Only continue if
      • Create a Record Action
      • Update a Record Action
      • Delete a Record Action
      • Deactivate a User Action
      • Reactivate a User Action
      • Send an Invitation Email Action
      • Add a comment to a record
      • Send a Push Notification
      • Ask Chat GPT Action
      • Summarize Text Action
      • Correct Grammar Action
      • Extract Keywords Action
      • Analyze Sentiment
      • Finish Text Action
      • Send a message to a Slack Channel
      • Send a message to a Slack User
      • Generate a PDF with DocsAutomator
  • πŸ””Notifications
    • Notifications
    • Notification Preferences
  • πŸ“‘API Documentation
    • API Overview
      • Fetching Records
      • Fetching a Record
      • Creating a Record
      • Update a Record
      • Deleting a record
  • βš™οΈSettings
    • General Settings
      • Live Mode
      • Custom Logos
    • Theme & Design
    • Progressive web apps
    • Navigation Settings
    • Spaces
    • Email Settings
    • Custom Code
    • Custom Domain
    • Login & Signup
      • Sign in Options
      • Single Sign On
      • 2FA - Two Factor Authentication
      • Client Portal User Add-On
    • Login Screen
    • User Lists
    • Integrations & API Keys
    • Billing & Usage
    • Support
    • Publishing
      • App Version History
  • πŸ”„Integrations
    • Zapier
    • Make (Integromat)
    • Sign in With Google
    • Intercom
    • SMTP Emails
    • Documint
  • βš™οΈAccount
    • Workspaces
    • Pricing
      • Client Portal Add-on (Legacy)
    • Transferring an App
    • Onboarding Call Preparation
Powered by GitBook
On this page
  • What are Empty States?
  • Importance of Customizing Empty States
  • How to Customize a Collection Empty State
  • Hide a Collection Component if no Records Exists
  1. Pages
  2. Collection views

Empty State

Customizing your collection empty states to for a tailored app experience

PreviousShow collection record countNextBlank pages

Last updated 10 months ago

Empty states in (tables, boards, charts, lists, etc.) occur when no records or rows match a collection's filters or a user's permissions.

What are Empty States?

Empty states appear in a collection when:

  • No records match the collection filters, or filter fields

  • No records match the user's permissions

Customizing these states is a great way to give your users context on what to expect when there are nor matching records, and to make your app feel more intuitive.

Importance of Customizing Empty States

Custom empty states provide clarity to users, explaining why no data is present and what actions they can take. It’s an opportunity to:

  • Guide users on next steps, such as creating a new record.

  • Maintain engagement.

  • Improve branding and tone of the app

How to Customize a Collection Empty State

  1. Open the Empty State settings in the configuration panel

  2. Customize the Empty State message Explain why no records are shown, suggest an action they can take

Hide a Collection Component if no Records Exists

Navigate to the collection, either a or a

Add an optional image Choose an image that aligns with your message and brand. We reccomend browsing something like

If you're using a collection component on a or you can hide the whole component if no records exist. This can be very helpful for tidying up the page, if there are no linked records to show. Note: If records do show by default, but the user filters the collection such that no records are displayed, the Empty State will be shown, the component won't be hidden.

πŸ“„
undraw.co
Record Page
Blank Page
collections
collection view
collection component
Empty state on a Collection View