Please note that this article applies to both Google and Microsoft users.This tutorial is the continuation of the first tutorial “Create you first Awesome Table app”. So, it is necessary to use the sample spreadsheet or copy the Awesome Table app directly.
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 card 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 Card 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%