---
schema_version: "1"
id: 9535b87b750ba31d3ec88290c9a590d0a75cbf04256118638a48971350a42e13
title: Flexcards Conditional Style 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_conditional_style_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_conditional_style_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: d0f867f3f7694ca395d051ab25eaa76a416c6a1c57f4df3a00836e85a5ad5a38
description: For the managed package runtime, add Conditional Style properties are configurable from the Style panel in the Flexcard Designer when you select an element. Conditionally apply styles to an element depending on the value of a data field.
products:
  - Omnistudio
release: "264"
---
# Flexcards Conditional Style Properties (Managed Package)

For the managed package runtime, add Conditional Style properties are configurable from the Style panel in the Flexcard Designer when you select an element. Conditionally apply styles to an element depending 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).

<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="d56938e47">
            <p style="margin-bottom:0;">Property</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d56938e53">
            <p style="margin-bottom:0;">Description</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d56938e59">
            <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="d56938e47 ">
            <p style="margin-bottom:0;">Conditional Style Name</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d56938e53 ">
            <p style="margin-bottom:0;">The name of your conditional style.</p>
          </td>

          <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d56938e59 ">
            <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="d56938e47 ">
            <p style="margin-bottom:0;">Add Conditions</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d56938e53 ">
            <p style="margin-bottom:0;">Add conditions that style elements based on data field values.</p>
          </td>

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

          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d56938e53 ">
            <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="d56938e59 ">

          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d56938e53 ">
            <p style="margin-bottom:0;">The default styles apply when no conditions are met.</p>
          </td>

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

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