---
schema_version: "1"
id: ce30f8fced3c27b5464c364e4d67db4cbfaca59432b831af4d6a8d06a452edd2
title: Flexcards Multi-Select Input Element 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_multi_select_input_element_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_multi_select_input_element_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 9d115752a482c8efe84c86550a2edbfa61f2969aac13a46881c34c4d14c3b01c
description: For the managed package runtime, Multi-Select Input element properties are configurable in the Properties panel when you select a Multi-Select element in the Flexcard Designer. Enable users to select one or more from a list of possible options. Display options as images, checkboxes, buttons, or a dropdown list.
products:
  - Omnistudio
release: "264"
---
# Flexcards Multi-Select Input Element Properties (Managed Package)

For the managed package runtime, Multi-Select Input element properties are configurable in the Properties panel when you select a Multi-Select element in the Flexcard Designer. Enable users to select one or more from a list of possible options. Display options as images, checkboxes, buttons, or a dropdown list.

![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 a Multi-Select Input Element to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_multi_select_input_element_to_a_flexcard.htm&release=264.0.0&type=5 "For the managed package runtime, add a Multi-Select Input element on a Flexcard to enable users to select from multiple options. You can display options as images, checkboxes, buttons, or a dropdown list. From the Properties panel, configure properties and custom attributes, add an action, and add conditions.").

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d61902e56">
              <p style="margin-bottom:0;">Required Versions</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Required Versions" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e56 ">
              <p style="margin-bottom:0;">Available beginning Winter '22.</p>
            </td>

          </tr>
        </tbody>
      </table> <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="d61902e89">
              <p style="margin-bottom:0;">Property</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d61902e95">
              <p style="margin-bottom:0;">Description</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d61902e101">
              <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="d61902e89 ">
              <p style="margin-bottom:0;">Field Binding</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Bind the value of the input element to an existing or new data field.</p>
            </td>

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

            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Configure additional properties available to the Input element. See the related base LWC ReadMe for information about a specific attribute.</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e101 ">
              <p style="margin-bottom:0;">Base LWC: When type is checkbox or button, see <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_checkboxgroup_lightning_web_component_readme.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, this page contains a CheckboxGroup LWC ReadMe for each Vlocity release.">CheckboxGroup Lightning Web Component ReadMe (Managed Package)</a>. When type is image, see <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_checkboximagegroup_lightning_web_component_readme.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, this page contains a CheckboxImageGroup LWC ReadMe for each Vlocity release.">CheckboxImageGroup Lightning Web Component ReadMe (Managed Package)</a>. When type is combobox, see <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_combobox_lightning_web_component_readme.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, this page contains a Combobox LWC ReadMe for each Vlocity release.">Combobox Lightning Web Component ReadMe (Managed Package)</a>.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Enter the label that appears next to the element.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Make field required.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Disable the ability to modify the input values.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Enter helpful text about the purpose of the input field. Adds an info icon (i) next to the element's label, which when hovered over displays the text.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Select how you want your option items to look.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Update the width in pixels for the image option. Default is <kbd>100</kbd>.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Update the height in pixels for the image option. Default it <kbd>100</kbd>.</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e101 ">
              <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="d61902e89 ">
              <p style="margin-bottom:0;">Image Count In Row</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Update how many images to display per row. Default is <kbd>3</kbd>.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Enable to display the label as a caption underneath the image option.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">When <strong class="uicontrol">Display Mode</strong> is <kbd>Combobox</kbd>, enter temporary text that displays inside the input field and which suggest to the user what to enter.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Enter the options from which the user can select.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Enter the visible label for the option. Click into the field to select from a list of data merge fields, or enter plain text.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Enter the value of the option. Click into the field to select from a list of data merge fields, or enter plain text.</p>
            </td>

            <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e101 ">
              <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="d61902e89 ">
              <p style="margin-bottom:0;">Use As a Default Value</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d61902e95 ">
              <p style="margin-bottom:0;">Set as the default option.</p>
            </td>

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

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