First, let’s create the UI that displays a single article. Create a new Form, select the BlankPanel template, and rename it ‘ArticleView’.

We want to display an instance of ‘ArticleView’ on our Homepage for each article in our Data Table. We’ll need space for the article’s title, content, category, and image.

Drop a Card Card icon component into the page, then add these components to the Card:

  • Title: Label, rename this title_label
  • Content: Label, rename this content_label
  • Category: Label, rename this category_label
  • Image: Image
Dragging and dropping components to create the 'ArticleView' Form

Next, change your title_label’s role to subheading using the ‘Appearance’ section of the Properties Panel.

Applying the 'subheading' role to the 'title_label' in the 'appearance' section of the Properties Panel

Make both your title_label and content_label bold - click on ‘MORE’ to the right of the ‘text’ section of the Properties Panel to change the bold property:

Location of the 'bold' property in the 'appearance' section of the Properties Panel