EssentialsComponentsCollections

Custom Collection

Build dynamic, reusable collections of data with Custom Collections.

Custom collections are like containers where you can create your own stylized collections. After adding a custom collection, you can then add components and customize what each one will display in your collection. You can group as many components as you like to create the exact collection you need in your app.

Adding and Setting Up Custom Collections

1

In the Layout Editor of your app, hit the plus (+) symbol to add a new component.

2

Find Collections in the menu and select Custom.

3

Choose what Data Source it should use.

4

Give the collection a Title.

5

Customize your design options with layout, background, and grid size.

6

Choose if you’d like to limit the number of items that appear, as well as how many items to show per page.

7

Set Visibility Conditions for your data if needed.

To change your Custom Collection, go to the Components section, click on your collection, and make your desired changes. You can preview each change live as you make adjustments.

Adding an Action to your Collection

You can add Actions to your Custom Collection to allow users to interact with your data. For example, you can add a Button that takes users to a detailed view of a record or opens a form to submit information to you.

1

Select your Custom Collection, then go to the Actions menu on the right side.

2

Click Add Primary Action

3

Choose from our menu of actions, or create your own custom action.

4

If you’d like to add a second button to do a different action, select add secondary action.

5

If you’d like to add a third, dropdown action, select add dropdown action.

Frequently Asked Questions

Yes, you can duplicate a custom collection by clicking the Duplicate Collection button in the Collections section of the Layout Editor. This creates a copy of the collection with all its data and settings, which you can then modify as needed.

Yes, you can connect your collection to a Google Sheet and update the data automatically.

Yes, you can set the number of items displayed in your collection by using the Limit setting in the Collection component.