FlexCard Pattern #1: Display Static Content

The most basic of patterns: create a FlexCard with static content. This post is part of the FlexCard Design Thinking mini series.

---

Benefits / Lessons Learned

• I can create content once and use it many times across an app or Experience Cloud site.
• When the content changes, I only have to change it in one place.
• I can conditionally display content based on factors like the user’s information.
• If my needs change, I can add enhance by adding record data.

---

Moving Parts

This pattern includes the following moving parts.

• FlexCard, placed on a community or Lightning record page.
• Data source: none
• The SAM.gov image is stored as a Static Resource in Salesforce; then, in the Image element on the card, I reference the static resource’s relative URL (/resource/1644842224000/SAMLogo). The image can be configured to include an action, which just opens a given URL in a new window/tab when it’s clicked.

---

Example #1

This FlexCard is just content I wanted to show on a couple of pages in a community, with a button that redirects the user to a government Web site.

I don’t need any record data, so I didn’t use a DataRaptor. This is probably the simplest kind of FlexCard to make.

---