---
schema_version: "1"
id: a0a883f70aa062c309931c13724035947689973cbc268803e7a33f02aa614552
title: Flexcards Conditions Properties (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_flexcards_conditions_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_conditions_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: bdee9dc68e34d577dc066096fd07f3396c774cfe867e3f6e45f78e34e7575447
description: For the managed package runtime, the properties for conditions are configurable for all elements in the Properties panel in the Flexcard Designer. Conditionally display Flexcard elements based on the value of a data field.
products:
  - Omnistudio
release: "264"
---
# Flexcards Conditions Properties (Managed Package)

For the managed package runtime, the properties for conditions are configurable for all elements in the Properties panel in the Flexcard Designer. Conditionally display Flexcard elements based on the value of a data field.

![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).

See [Add Conditions to a Flexcard Element (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_conditions_to_a_flexcard_element.htm&release=264.0.0&type=5 "For the managed package runtime, display or hide data based on the value of a data field. For example, display an alert icon or supplemental text for escalated Cases. Apply conditions to any element listed in the Build panel of the Flexcard Designer.").

Beginning Winter '22, apply conditions to an action on an event listener or individual actions on the Menu element.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d196485e61">
              <p style="margin-bottom:0;">Property</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d196485e67">
              <p style="margin-bottom:0;">Description</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d196485e73">
              <p style="margin-bottom:0;">Reference</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e61 ">
              <p style="margin-bottom:0;">Add Condition</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e67 ">
              <p style="margin-bottom:0;">Add a condition that must be met based on data field values.</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e73 ">
              <p style="margin-bottom:0;">N/A</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e61 ">
              <p style="margin-bottom:0;">Add Group</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e67 ">
              <p style="margin-bottom:0;">Create complex expressions by grouping conditions. A group is similar to enclosing a series of tests in parentheses in a programming language. For example, to add a condition for high priority cases that are either escalated or have an account whose revenue is above a certain number, create two condition groups connected by an <code>OR</code> operator. For example, <kbd>[Priority = High AND IsEscalated = true] OR [Priority = High AND AnnualRevenue &gt; 500000]</kbd>.</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e73 ">
              <p style="margin-bottom:0;">N/A</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e61 ">
              <p style="margin-bottom:0;">Data Field</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e67 ">
              <p style="margin-bottom:0;">Select the data field to evaluate.</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e73 ">
              <p style="margin-bottom:0;">N/A</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e61 ">
              <p style="margin-bottom:0;">Operator</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e67 ">
              <p style="margin-bottom:0;">Select the equality or relational operator that evaluates the data field against the value, such as <code>=</code>, <code>!=</code>, <code>&gt;</code>, and so on.</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e73 ">
              <p style="margin-bottom:0;">N/A</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e61 ">
              <p style="margin-bottom:0;">Value</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e67 ">
              <p style="margin-bottom:0;">Enter the value to check against.</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e73 ">
              <p style="margin-bottom:0;">N/A</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e61 ">
              <p style="margin-bottom:0;">Preload Conditional Component</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e67 ">
              <p style="margin-bottom:0;">Disable to remove the element from the DOM (the rendered HTML) when a condition returns false. By default, elements are preloaded before being hidden by CSS when a condition returns false.</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d196485e73 ">

            </td>

          </tr>
        </tbody>
      </table>