Stacker
LoginSign upAstra Docs
  • Getting Started: Quick Guide
    • What is Stacker?
    • Key Features
    • Quick Overview of Stacker
    • What can I build in Stacker?
      • Creating a Home Page
      • Build an Internal Tool
    • Creating your first App
  • Stacker V 5(Astra) - Frequently Asked Questions
  • Account Settings
    • What is a Workspace?
      • Workspace Settings
      • Delete a Workspace
    • Adding Multiple Apps
      • Deleting an App
    • Subscriptions and Billing
  • Customer Access
    • Customer Access
  • Layout types
    • Layout Types
      • Layouts vs Custom Pages
    • Adding Custom Pages in Stacker
    • Detail Layout
      • Detail page widgets
        • Detail: Text Widget
        • Detail: Related Record Widget
        • Detail: Related Record List
          • Related record list widget not showing option
        • Detail: Quick Links Widget
        • Detail: Pipeline Widget
        • Detail: Highlights Widget
        • Detail: Fields Widget
          • Detail: Field Options
          • Separating fields into sections
        • Detail: Embed Widget
          • Embedding Google Maps
          • Embedding Airtable
          • Embedding Loom Videos
          • Embedding Vimeo
          • Embedding Youtube
          • Embedding Google Drive videos
          • Embedding Google Drive Images
          • Embedding content on a detail page
        • Detail: Callout Widget
        • Detail: Banner Widget
        • Detail: Big Numbers Widget
        • Detail: Charts Widget
      • Detail: Delete Record Button
      • Detail: Edit Button
      • Detail: Record Header
        • Change the title on the detail page
      • Detail: Tabs
        • Detail: Activity Tab
    • List Layout
      • Calendar Layout
      • List Options
        • List: Sort
        • List: Cover Image
        • List: Roles
        • List Layout: Change layout title
        • List: Inline Filters
        • List: Header
        • List: Duplicate Layout
        • List: Filter
        • Allow users to download list data as CSV
        • List: Relative Date Filtering
        • List: Field options
        • List: Show, Hide, and Reorder Fields
    • Customize the Form Layout
      • Creating multi step form
      • Auto-filling values into create forms
      • Set default values on Forms
    • Stacker Navigation
      • Navigation: Showing and hiding tables
      • Enable Breadcrumb Navigation
  • Permissions and Security
    • Introduction to Permissions
    • Configure a Permission Rule
      • Table Permissions
        • Editing Permissions
        • Multiple permission rules
    • Set up User Roles
      • Automatically assign Roles
    • Conditional Visibility
  • Customization
    • Client Logos
    • Customizing App Appearance
    • Getting started with CSS in Stacker
    • Custom CSS
    • Workspace Appearance
    • Custom Domain
      • Custom Domain not working
    • Whitelabel
    • Custom Scripts
    • Creating Buttons
      • Action Buttons
      • Add new button showing when it shouldn't
    • Translate your Stacker App
  • Users
    • Introduction to users in Stacker
    • Users: Overview
    • Users: Workspace Collaborators
      • Workspace Users
    • Users: App Users
      • Adding users to your app
      • Login flow for users
      • Open Signup
      • Registering and Logging in
    • Previewing an app as a user for testing
  • Data
    • Formula field
    • Rich Text
    • Third Party Integrations
      • FullStory integration
      • Intercom Integration
      • Zapier Integration
        • Sending an email with Zapier
      • Airtable
        • Syncing Schema and Data
        • Update Sharing link password
        • Real time Airtable sync
        • Upgrading Airtable data connections
        • Enabling tables and fields
    • Enable Color on Single and Multi Select Fields
    • Apply dynamic data filter to Link Fields
    • Importing data into Stacker
      • Importing data from CSV
    • Applying table data filters
    • Exporting data from Stacker
    • Creating lookups and rollups between tables
      • Creating links between tables
    • Stacker Tables: Editing field names and types
      • Stacker Tables: Pasting Data
      • Stacker Tables: Linked Fields
      • Stacker Tables: Editing and deleting tables
      • Stacker Tables: Creating a new table
      • Stacker Tables: Adding new fields
      • Stacker Tables: Adding and Editing Rows
      • Stacker Fields
  • Troubleshooting
    • There was an error saving your record
    • Unable to toggle on linked fields
Powered by GitBook
On this page
  • Choose a Display Type
  • Card
  • Rows
  • Kanban Board
  • Table
  • One Record Only
  • Inbox
  • Calendar
  1. Layout types

List Layout

PreviousDetail: Activity TabNextCalendar Layout

Last updated 1 month ago

By default, your data will be displayed in a table format. If you would like to change the layout of your data, you can choose from 5 display layouts:

Choose a Display Type

  1. Click Edit Layout

  2. Click Display

display.gif

Card

The Card layout shows each record as a separate card. Cards are most useful when you want to combine an image with data, for example, a team directory or property listings.

In our property management app, the card layout lets our app users quickly see what each property looks like, and what it offers.

You can set how many cards you want to show per page or allow the app users to change the page size.

Rows

Rows show each record in a separate row with an image and a large text field of your choice. This layout is most useful if you have mostly short bits of information. For example, a list of players on a football team, with data like their position, date of birth, and salary.

You can set how many rows you want to show per page or allow the app users to change the page size.

Kanban Board

The Kanban Board shows your data in columns organized by status. This layout is most useful if you need to manage or visualize your workflow, for example, a to-do list, or project management. You can drag and drop records between columns to update their status.

In our property management app, we use the Kanban Board to quickly see and change the status of the properties we're selling.

To set up the Kanban Board, choose the "status" field. This field needs to be a dropdown type field. By default, all the dropdown options in the status field are columns. You can choose which status options to show from the dropdown.

Table

The Table layout shows your data in a table format. This layout is most useful when you need to see and compare field values of different records, for example, a list of job prospects with their email and interview date and time.

In our property management app, we could use the table layout to see which properties are for sale, and which are for letting.

You can set how many rows you want to show per page or allow the app users to change the page size.

One Record Only

In our property management app, we use it to show our sales agents their profiles and the properties they're attached to.

You can start in edit mode on your One record display. In the layout editor, click the ellipsis (...) and check 'start in edit mode' to automatically enter the page in edit mode.

Inbox

In our property management app, we use the inbox layout to show a list of clients to our sales team.

Calendar

A Calendar layout shows all of your events using a Date or Date and Time field.

In our property management app, we have used the calendar layout to display the property viewings for our sales team.

Screenshot_2022-01-18_at_11.50.59.png
CleanShot_2023-03-29_at_11.57.16_2x.png
Screenshot_2022-01-18_at_11.53.53.png
CleanShot_2023-05-02_at_13.56.46_2x.png
Screenshot_2022-01-18_at_12.03.06.png

One Record Only shows the for the user's record. This layout is useful for showing users their profile, or as a for your app.

Screenshot_2022-01-18_at_12.06.37.png
Screenshot_2022-06-08_at_12.54.17.png

The Inbox layout shows all records in a sidebar while showing the of a selected record. This allows you to see both the List layout and the Detail layout at once. Inbox view is most useful when you need to be able to browse records and see all details quickly.

Screenshot_2022-07-11_at_16.02.07.png
Screenshot_2022-07-11_at_16.03.37.png
Detail layout
home/welcome page
Detail layout
List layout
Card
Rows
Kanban Board
Table
One Record Only
Inbox
Calendar