Salesforce Docs Portal

Examples for Flexcard Settings

View examples for Flexcard settings, such as adding an event listener and repeating records of a Flexcard.

Add a List of Filterable Products to the Lightning Page

  1. Create a filter Flexcard that triggers an event.
  2. Add an Apply button that triggers an event when a customer clicks it.
  3. Create a product list Flexcard that shows product information, listens for the event, and executes an action.

    When a customer uses the filters on the page and clicks Apply, they trigger an action on the filter Flexcard that updates the product list Flexcard. The product list Flexcard then shows products that meet the filtering criteria.

Repeat Case Information

Show the list of cases for an account in these ways:
  • To show a card per case, with each card listing the related fields that you added such as the status or the priority, select Repeat Records.
  • To show all records on a single card, deselect Repeat Records.

Access the Context ID of a Flexcard on an Experience Site

To get data from an Apex remote, an Omnistudio Data Mapper, or Integration Procedure data source, most Flexcards use a context ID represented by the {recordId} context variable in an input map. For a Flexcard to use the {recordId} context variable on an Experience Builder page, add a record ID property to the Flexcard, then configure the property on the Experience Builder page.

  1. On the Flexcard, add an exposed attribute with these properties:
    Attribute
    RecordId
    Type
    String
    Targets
    lightningCommunity__Default
    Label
    Record ID
    Value
    {!recordId}
  2. Save and activate your Flexcard.
  3. After you add the Flexcard component to your Experience Builder page, enter {!recordId} in the Record Id field.