Table of contents
Staff Card
In this tutorial we are going to create a Staff Card.
Prerequisites:
Here below you can see an example and then we will show you how to do it yourself!
Example of Staff Card design
Example of Staff Card design
Tutorial
1. We add a Page Section and then click the three dots button on it
2. Click on add…
3. Type "wrap"
We will use the Wrap grid component to wrap all the staff cards nicely on all sizes of monitors
4. Click on Wrap grid
5. Click on the three dots button
6. Click on add…
7. Type "staff"
8. Click on Staff card
9. Fill in the fields (See here how to create a model that can be used to map values from documents)
10. You can change the color of the card by changing the Color theme inside Appearance
