---
schema_version: "1"
id: c93afc9ef4f4fa34ba0139fbd2e7c13e5cf37a2e987b96517c4a910b64ef45e8
title: Flexcards Field 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_field_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_field_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 0088321da9072dff80b21be342d1828afc828ca40fe1d8b4d2f91a0e31436f31
description: For the managed package runtime, field element properties are configurable in the Property Panel when you select a Field element in the Flexcard Designer. With the Field element, display data fields returned from a provided data source.
products:
  - Omnistudio
release: "264"
---
# Flexcards Field Properties (Managed Package)

For the managed package runtime, field element properties are configurable in the Property Panel when you select a Field element in the Flexcard Designer. With the Field element, display data fields returned from a provided data source.

![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="d27029e50">
            <p style="margin-bottom:0;">Property</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27029e56">
            <p style="margin-bottom:0;">Description</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27029e62">
            <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="d27029e50 ">
            <p style="margin-bottom:0;">Conditions</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e56 ">
            <p style="margin-bottom:0;">Add a condition that must be met for the element to display.</p>
          </td>

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

          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e56 ">
            <p style="margin-bottom:0;">The name of the element as seen on the canvas. Used to distinguish one element from another as you build your Flexcard in the designer. Is used only within the designer.</p>
          </td>

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

          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e56 ">
            <p style="margin-bottom:0;">Select the type of Field element to display. If you select <kbd>Date</kbd>, make sure the date value, such as 28/03/2015, matches the format of the user locale, such as DD/MM/YYYY, otherwise the date displays incorrectly.</p>
          </td>

          <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e62 ">
            <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="d27029e50 ">
            <p style="margin-bottom:0;">Help Text</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e56 ">
            <p style="margin-bottom:0;">Displays information about the field when the user hovers over the help "i" icon.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e56 ">
            <p style="margin-bottom:0;">Enter a visible label for the element.</p>
          </td>

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

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

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e56 ">
            <p style="margin-bottom:0;">Enter placeholder text.</p>
          </td>

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

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

## Field Type Properties

This table lists additional properties available for each **Field Type**.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27029e242">
              <p style="margin-bottom:0;">Property</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27029e248">
              <p style="margin-bottom:0;">Description</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27029e254">
              <p style="margin-bottom:0;">Field Type</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d27029e260">
              <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="d27029e242 ">
              <p style="margin-bottom:0;">Currency</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e248 ">
              <p style="margin-bottom:0;">Enter a currency code to update the supported currency.</p>
            </td>

            <td data-label="Field Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e254 ">
              <p style="margin-bottom:0;">Currency</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e260 ">
              <p style="margin-bottom:0;">
                <a href="https://www.iban.com/currency-codes" target="_blank">Currency Codes</a>
              </p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e248 ">
              <p style="margin-bottom:0;">Select a format for the date or date and time if the <strong class="uicontrol">Field Type</strong> is either <kbd>Date</kbd> or <kbd>Date Time</kbd>. By default, the Flexcard Author's user locale determines the format.</p>
            </td>

            <td data-label="Field Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e254 ">
              <p style="margin-bottom:0;">Date, Date Time</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e260 ">
              <p style="margin-bottom:0;">
                <a href="https://day.js.org/docs/en/display/format" target="_blank">Date and Time Formats</a>
              </p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e248 ">
              <p style="margin-bottom:0;">Enter a locale code to update the supported language.</p>
            </td>

            <td data-label="Field Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e254 ">
              <p style="margin-bottom:0;">Currency</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e260 ">
              <p style="margin-bottom:0;">
                <a href="https://help.salesforce.com/articleView?id=faq_getstart_what_languages_does.htm&amp;amp;type=5&amp;language=en_US" target="_blank">Supported Languages</a>
              </p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e248 ">
              <p style="margin-bottom:0;">Enter a string expression to limit the user's input.</p>
            </td>

            <td data-label="Field Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e254 ">
              <p style="margin-bottom:0;">Number</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e260 ">
              <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="d27029e242 ">
              <p style="margin-bottom:0;">Use Absolute Date</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e248 ">
              <p style="margin-bottom:0;">Enable to prevent converting the date based on the timezone.</p>
            </td>

            <td data-label="Field Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e254 ">
              <p style="margin-bottom:0;">Date</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e260 ">
              <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="d27029e242 ">
              <p style="margin-bottom:0;">Use User Locale For Formatting</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e248 ">
              <p style="margin-bottom:0;">If your Flexcard is used in an application accessible across multiple locales, enable to use the logged-in user's locale to determine the format of your date, time, currency, and so on.</p>
            </td>

            <td data-label="Field Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d27029e254 ">
              <p style="margin-bottom:0;">All</p>
            </td>

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

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