Adding Custom Pages in Stacker

Custom Pages allow you to build a page in your app without creating a table.

Add Page

1. Click + Add New in the bottom left of the app
2. Select Custom Page
3. Give your Custom Page a name
4. A new Custom Page will appear in the app's Navigation menu. 

On the page, you can now add a Header, Page Widgets or Duplicate the page from  Edit Layout.

Header

Add a Title and subtitle to your Custom Page.

Page Widgets

There is a selection of widgets available to help you build your pages. Drag and drop the widgets from your side menu to add them.

Static Widgets: 

Display information that doesn’t come from your tables:

• Banner Add a title, description, and button to your page.
• Text The rich text widget allows you to add longer text to your page. You can format it in a range of ways and also include hyperlinks, bullet points, quotes and inline images.
• Embed Choose to embed almost anything into your pages, from Google Docs to YouTube videos. Find out more here.
• Callout There are six different styles of callout widgets: error, warning, success, information, question, and brand (this follows the color scheme of your app).
• Quick Links Display links to external resource documents or back to pages in your Stacker app. You can customize the title, text, and type of icon. There are three quick link slots in each widget – you can display only 1, or only 2, by deleting all the information in the link blocks you don’t want.

Data Widgets:

Data widgets pull data from your tables and display it either as a Table, as Cards, or as Rows. You can apply filters, sort records, and use inline filters. You have the option to decide if the search bar is on/off, allow the creation of records, or add action buttons. 

• Table Layout: The Table view shows your data in a table format. This view is most useful when you need to see and compare field values of different records.
• Card Layout: The Card view shows each record as a separate card. Cards are most useful when you want to combine an image with data.
• Row Layout: Rows show each record in a separate row. Each row features an image and a large text field of your choice. This view is most useful if you have mostly short bits of information.

Duplicating Pages

1. Click  Edit Layout
2. Select the duplicate icon to the right of the Page Name
3. Name your new, duplicate page

Deleting Pages

1. Click  Edit Layout
2. Select the three dots to the right of the Page Name
3. Select Delete Page
4. Confirm that you want to delete your page

Editing Page Name

1. Click  Edit Layout
2. Select the three dots to the right of the Page Name
3. Select Edit Page Name
4. Enter your page's new name

Related articles