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
  • Content
  • Add a new table into datasource
  • Add a Header
  • Set the display type
  • Add widgets to the page
  • Set navigation
  • Remove edit button
  • Set permissions
  1. Getting Started: Quick Guide
  2. What can I build in Stacker?

Creating a Home Page

PreviousWhat can I build in Stacker?NextBuild an Internal Tool

Last updated 3 months ago

Create a home/welcome page for your users to land on to give context to your app.

Content

  • Add a new table into datasource

  • Add a header

  • Set the display type

  • Add in widgets to the page

  • Set navigation

  • Remove edit button

  • Set permissions

Add a new table into datasource

In order to create a homepage, you need a table to work as the foundation. This table only needs a single record and only one field is required. Examples below are added into Airtable and Google Sheets.

Remember to run an update in your app and enable the new table. This new table will now show in your Navigation bar.

If you do not want to add this into your datasource you can create a home/welcome page using our custom pages.

Add a Header

  1. Click Edit Layout

  2. Select Header

  3. Add in a title and description if required

  4. Add in an image

  5. Choose color mode and overlay

  6. The size you want your header to be

  7. The image position

Set the display type

You will need to set the display type to One Record Only. This will allow adding further information onto the page.

  1. Click Edit Layout

  2. Click Display

  3. Select One Record only

Add widgets to the page

After setting the page to one record only you can customize by adding widgets onto the page.

  1. Click Edit Layout

  2. Drag over the Highlight widget at the top of the page (using the 'welcome' field)

  3. Drag over the Banner widget as text containers with additional information

  4. Add an Embed widget to add maps, videos, and other features

  5. Display important records from other tables using Record list

Set navigation

To make sure that users land on the home page we need to make sure it appears at the top of the navigation.

  1. Click App Settings

  2. Select Navigation

  3. Drag the Layout to the top

Remove edit button

We don't want users to edit the page since it's going to be a static page of information for them.

  1. Click Edit Layout

  2. Click Page buttons

  3. Toggle off Edit button

Set permissions

To make sure that everyone has access to the page we need to set the permissions so that all users can see the page.

  1. Click Manage field and data

  2. Click Permissions

  3. Make sure Record Filters are set to All Records

  4. If there are User Roles enabled, make sure permission sharing is set to everyone

home_page.gif
home_page.gif
Screenshot_2022-08-26_at_11.17.25.png