The Card Component is a special type of Collection Component that allows you to display items in a grid. It's a great choice when you want images to be the focus in your list like with collections of homes, products, or digital art. If you don’t want to include a border around the photo and the text, you may want to consider using the Grid component.
Adding and Setting Up Card Collections
To set up your Card Collection:
In the Layout Editor of your app, click the plus (+) symbol to add a new component.
Find Collections in the menu and select Card.
Choose what Data Source it should use.
Give the collection a Title.
Customize your collection with Data and Design.
Choose if you'd like to limit the number of items that appear, as well as how many items to show per page.
Set Visibility Conditions for your data if needed.
To update your Card 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 Card 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.
Select your Card Collection, then go to the Actions menu on the right side.
Choose Enable advanced actions.
Choose where to add the action.
Choose from our menu of actions, or create your own custom action.
Take your new action for a test run!