Build a Page Template Linked to a List
After you build a list, carousel or grid component, the steps below outline how to create a page template that can opened by clicking on one of the cards in your list.
2. Click on Add Screen
3. Click on the Screen Name in the top left to open the Screen Component box
4. Update the Screen Name to your preferred name such as "Profile Page"
5. Double click on the Screen to open the Develop Panel
6. Click on the + sign next to "Passed in Data"
7. In the "Data from" dropdown, select the name of the Table where you would like to pass in Data from. This should be the same Table that you selected to populate data in your List, Carousel or Grid component.
8. In the "Preview with" dropdown, select a Row to preview the page with from the dropdown (Summer in this example)
9. Go back to the Screen where your List, Carousel or Grid component lives. Double click on the List to open the Develop panel.
10. Click on the + sign in Action Details to add an Action
11. Update the Action so that "On tap", the List card will "Navigate to" the correct Screen (Profile Page in this example)
12. Go back to your Profile Page
13. Drag and drop in an Image Component
14. Drag and drop in a Text Component and update the Font, Style and Alignment
15. Once you're happy with the styling, double click on the Image to open the Develop tab
16. Click on the icon in the "Data from" section
17. Select the Table Column that has the Image you want to display on your Profile Page
18. Double click on the Text to open the Develop panel
19. Click on the icon in the "Data from" section
20. Select the Table Column that has the Text you want to display on your Profile Page
21. The Screen should now show a preview of the Row you selected with the right photo and text data
22. Click on Preview to confirm that clicking on a List Card opens the correct Profile Page
Last updated
