---
schema_version: "1"
id: 2b8f460bec6d00bc4c7693b985cf062607ab5ee96afee1225bb6a2c4560e20b4
title: Add a Click Event to a Flexcard Element (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_add_a_click_event_to_a_flexcard_element.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_click_event_to_a_flexcard_element.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: a64a704448543cf113c4ddfaed5d7a72c6c7d6d6d3ba728af5979d862c7e82bb
description: For the managed package runtime, enable an element on a Flexcard to perform an action when clicked. Supported elements include Image, Block, Icon, and Toggle.
products:
  - Omnistudio
release: "264"
---
# Add a Click Event to a Flexcard Element (Managed Package)

For the managed package runtime, enable an element on a Flexcard to perform an action when clicked. Supported elements include Image, Block, Icon, and Toggle.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

Beginning Winter '22, enable Input elements to perform actions. See [Flexcards Input Elements Reference (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_input_elements_reference.htm&release=264.0.0&type=5 "For the managed package runtime, add input elements on a Flexcard to enable users to enter data or select from a list of options you provide. When a user enters, selects or updates a value, the change is reflected in the data JSON. You can configure an element to execute an action when a user selects an option or enters data. Input elements are available in the Inputs section of the Build panel of the Flexcard Designer.").

1. In the Flexcard Designer, select an element on the canvas that supports actions. Or, drag a supported element from the Build panel onto the canvas.
2. From the Properties panel, click **\+ Add Action**.
3. Beginning Spring '22, execute multiple sequential actions from one element:
    
    1. (Optional) To block users from interacting with the Flexcard until actions that require waiting for a response, such as a Data action, are resolved, enter true in **Show Spinner**. Or enter a merge field whose value is true, such as {requireResponse}. The user sees a spinner image and a dimmed page while waiting. Default is false.
    2. Select the right arrow under **Actions** next to the default **Action** label to reveal properties to configure.
    3. (Optional) To distinguish this action from other actions on this element, update **Action Label**. This label is only visible within the designer in Design view.
    4. Select the type of action to execute from the **Action Type** dropdown. See [Flexcards Actions Reference (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_actions_reference.htm&release=264.0.0&type=5 "For the managed package runtime, select from multiple ways to execute an action from a Flexcard. Create an action to launch an Omniscript, navigate to a web page or application, display a flyout, fire an event, and more.").
    5. Before Spring '22, configure one action to execute:
    6. (Optional) To create another action that executes after the previous one completes, select **\+ Add New**, and repeat steps a through e.
    
    Before Spring '22, configure one action to execute:
    
    1. Select the type of action from the **Action Type** dropdown. See [Flexcards Actions Reference (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_actions_reference.htm&release=264.0.0&type=5 "For the managed package runtime, select from multiple ways to execute an action from a Flexcard. Create an action to launch an Omniscript, navigate to a web page or application, display a flyout, fire an event, and more.").
    2. Before Spring '22, configure one action to execute:
4. Click **Save**.

What’s next: Preview your Flexcard. See [Preview a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_preview_a_flexcard.htm&release=264.0.0&type=5 "For the managed package runtime, preview your Flexcard's appearance and functionality before publishing it to a Lightning page or Experience Builder site. In Preview, test how your Flexcard looks on multiple devices and test the functionality of action links and other interactive elements.").