---
schema_version: "1"
id: cf57fdfa8de995fd196100fca98fe53691d9848ed5788000d53bb7345769d3eb
title: Examples for Flexcard Settings
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_standard_examples_for_flexcard_settings.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_standard_examples_for_flexcard_settings.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 7a6fc62080c85cc3299c493d0f5acdbccf996cb1a65685cdd4a0af112eeb8d63
description: View examples for Flexcard settings, such as adding an event listener and repeating records of a Flexcard.
products:
  - Omnistudio
release: "264"
---
# 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.