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.

4 thoughts on “FlexCard Pattern #1: Display Static Content

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: