You should have this result:

1. Change the app type

By default, Awesome Table uses a table app when a new file is created.

To change the app type to a Cards app, use the edit mode and go to APP CONFIGURATION > Visualization Type > select Cards.

After selecting Cards, your app should look like this:

2. Set the content of the card

You just learned that the Cards app will display the content of the first non-hidden column in your datasource. To bypass this, you can specify the column you would like to display by adding the "CardsContent" keyword in the second row of the relevant column.

You will find this especially useful later in this tutorial when it's time to layout your template column. 

3. Cards app settings

When "Cards" is selected, Awesome Table will display Cards app-specific settings. In this tutorial, you're going to use these settings:

• # of columns: 3
• # of rows: 1
• Min card width: 160px
• Max card width: 100%