--- schema_version: "1" id: 6be388dafb27ce3e22ab6642c2ff78dd6d55a9dd4d0f9b2c5ed51a35aace899d title: Add a Menu to a Flexcard (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_add_a_menu_to_a_flexcard.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_menu_to_a_flexcard.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: 2745113c26b381221f80bf724cb85e2f89444887f3e7bf1ea0d88486e7dd44f8 description: For the managed package runtime, create a menu from a list of actions on a Flexcard. Style the menu button, and each action in the menu's dropdown. Add any action type available in the Flexcard Designer. products: - Omnistudio release: "264" --- # Add a Menu to a Flexcard (Managed Package) For the managed package runtime, create a menu from a list of actions on a Flexcard. Style the menu button, and each action in the menu's dropdown. Add any action type available in the Flexcard Designer. ![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 [Flexcards Actions Reference (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_actions_reference.htm&release=264.0.0&type=5 "For the managed package runtime, select from multiple ways to execute an action from a Flexcard. Create an action to launch an Omniscript, navigate to a web page or application, display a flyout, fire an event, and more."). 1. From the Flexcard Designer, drag a Menu element into a state on the canvas. 2. (Optional) From the Properties panel, update the element name in the **Element Name** field. 3. (Optional) In the **Label** field, enter the visible label of the menu button. ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/images/icon_note.png) Note Beginning Summer '21, **Label** supports concatenated strings. Combine plain text and supported merge fields. For example, Update {AccountName}. 4. (Optional) To change the default menu button icon, from the **Icon** field perform one of the following tasks: - Enter the name of the icon, such as utility:arrowdown. See [Salesforce Lightning Design System](https://www.lightningdesignsystem.com/icons/). - Click the search icon in the input field, and perform one of the following tasks: - Click to select an icon from the list available, and click **Save**. - Search for an icon in the search field, click an icon to select it, and click **Save**. 5. (Optional) To disable scrolling in the dropdown when there are more than 5 menu items, uncheck **Enable Overflow**. 6. (Optional) To change the position of the dropdown menu, select a new position from the **Dropdown Position** dropdown. The default is left. 7. (Optional) To change the size of the dropdown menu, select a new size from the **Dropdown Size** dropdown. 8. (Optional) To select a style variant, select a new style from the **Variant** dropdown. 9. (Optional) To change the position of the icon in the menu button relative to the label, select a new position from the **Icon Position** dropdown. 10. (Optional) To adjust the size of the icon in the menu button, select a new size from the **Icon Size** dropdown. 11. To add actions, for each action, click **\+ Add New Action**. See [Add a Click Event to a Flexcard Element (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_click_event_to_a_flexcard_element.htm&release=264.0.0&type=5 "For the managed package runtime, enable an element on a Flexcard to perform an action when clicked. Supported elements include Image, Block, Icon, and Toggle.") to configure the action properties. - Beginning Winter '22, to add conditions that must be met for the action to display in the menu, click **\+ Add New** next to **Conditions**. 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."). - To update the position of the action icon relative to the label, select a new position from the **Icon Position** dropdown. - To enable menu items to reflect status level notifications like Error, Success, and Warning, select the class from the **Status** dropdown. 12. (Optional) To add conditions that must be met for the element to display, 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."). 13. (Optional) To style your menu element, click **Style** to open the Style panel, and see [Flexcards Menu Style Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_menu_style_properties.htm&release=264.0.0&type=5 "For the managed package runtime, configure style properties specific to the Menu element from the Style panel of the Flexcard Designer."). 14. Beginning Summer '22, to use your mouse and keyboard to open or close the menu and move through the menu items, see the following options: - When the menu button is in focus, to open or close the menu, click with your mouse, press the enter/return key. You can also click outside the menu element to close the menu. - When the menu button or a menu item is in focus, to close the menu, press the tab or esc key. If you press the tab key, the focus moves to the next item on the page. - To go through the menu items, use the up and down arrow keys. What’s next: Preview your Flexcard. See [Preview a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_preview_a_flexcard.htm&release=264.0.0&type=5 "For the managed package runtime, preview your Flexcard's appearance and functionality before publishing it to a Lightning page or Experience Builder site. In Preview, test how your Flexcard looks on multiple devices and test the functionality of action links and other interactive elements."). - **[Flexcards Menu Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_menu_properties.htm&release=264.0.0&type=5)** 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.