---
schema_version: "1"
id: 7abb09c0b208af2e77a6cde8754fc556d4158813f98621db9674fbbc6bae0fbd
title: Flexcards Menu 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_menu_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_menu_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 15fa66ee68fa7c32065df0c0012ea8395d689e3ba95745207c1ade8541c59a04
description: For the managed package runtime, menu element properties are configurable in the Property Panel when you select a Menu element in the Flexcard Designer. With the Menu element, create a menu from a list of actions.
products:
  - Omnistudio
release: "264"
---
# Flexcards Menu Properties (Managed Package)

For the managed package runtime, menu element properties are configurable in the Property Panel when you select a Menu element in the Flexcard Designer. With the Menu element, create a menu from a list of actions.

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

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

          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e53 ">
            <p style="margin-bottom:0;">Select the positon of the dropdown relative to the menu button.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e53 ">
            <p style="margin-bottom:0;">Select the size of the dropdown.</p>
          </td>

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

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

          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e53 ">
            <p style="margin-bottom:0;">To disable scrolling in the dropdown when there are more than 5 menu items, disable this feature. Enabled by default.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e53 ">
            <p style="margin-bottom:0;">Select position of the icon relative to the label.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e53 ">
            <p style="margin-bottom:0;">Select the size of the icon.</p>
          </td>

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

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

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e53 ">
            <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="d138670e59 ">
            <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="d138670e47 ">
            <p style="margin-bottom:0;">Variant</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e53 ">
            <p style="margin-bottom:0;">Select from predefined SLDS styles to change the appearance of the element.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e53 ">
            <p style="margin-bottom:0;">Add actions to populate the menu.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e53 ">
            <p style="margin-bottom:0;">Select an SLDS style for your menu item.</p>
          </td>

          <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d138670e59 ">
            <p style="margin-bottom:0;">Configure from the modal when you click on the <strong class="uicontrol">Add New Action</strong> property.</p>
          </td>

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