News Card

In this tutorial we are going to create a news article feed.

Prerequisites:

  1. Document list (Staff/NEWS/BLOGG list) -- IMPORTANT!
  2. Page Section

Here below you can see an example and then we will show you how to do it yourself!

Example of an implementation

Example of an implementation

Tutorial

1. Click on the plus icon

*Here we created first a Heading inside a Page Section.
Step 1 screenshot

2. Type "document li"

Step 2 screenshot

3. Click on Document List

Step 3 screenshot

4. Click on Model…

Step 4 screenshot

5. Click on the model that you created for the news articles (IMPORTANT! -- See here how to create a model that can be used to map values from documents)

Step 5 screenshot

6. Click on Design

Step 6 screenshot

7. Here is a design example for this Document List

Step 7 screenshot

8. Click on the three dots button in Document List template

Step 8 screenshot

9. Click on add…

Step 9 screenshot

10. Type "news"

Step 10 screenshot

11. Click on document

Step 11 screenshot

12. Here is an example of mapping the values from our Articles demo to the news cards

Step 12 screenshot

13. End result

Step 13 screenshot