---
schema_version: "1"
id: d2324441fe4b0654ffc82b281b022cb08b816d2bd8f7ddd23ec4b90685cf71d7
title: Group Elements Inside a Block on 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_group_elements_inside_a_block_on_a_flexcard.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_group_elements_inside_a_block_on_a_flexcard.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: cad33f9da102ad2dc015a491ecfdabba6130c0e9d7d63e554d6d6891495a15f1
description: For the managed package runtime, combine logical groups of elements inside a collapsible container with the Block element on a Flexcard. For example, group an Account's basic information together, and separately, group the account's Contact information together.
products:
  - Omnistudio
release: "264"
---
# Group Elements Inside a Block on a Flexcard (Managed Package)

For the managed package runtime, combine logical groups of elements inside a collapsible container with the Block element on a Flexcard. For example, group an Account's basic information together, and separately, group the account's Contact information together.

![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).

1. From the Flexcard Designer, drag a **Block** element from the Build panel into a state on the canvas.
2. (Optional) From the Properties panel, update the element name in the **Element Name** field.
3. (Optional) To enable the ability to collapse the block, check **Collapsible**.
    
    - (Optional) To display a visible label for the collapsible block element, enter text in the **Label** field.
        
        ![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}.
    - (Optional) To show the block collapsed by default, click **Collapsed By Default**.
4. (Optional) To enable a click event on the block, click **\+ Add Action**. To configure action properties, see [Flexcards Action Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_action_properties.htm&release=264.0.0&type=5 "For the managed package runtime, Action element properties are configurable from the Properties panel in the Flexcard Designer when you select an Action element. With the Action element, create an action to launch an Omniscript, navigate to a web page or application, display a flyout, fire an event, and more.").
5. (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.").
6. (Optional) To style your element, click **Style** to open the Style panel, and see [Style Flexcard Elements (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_style_flexcard_elements.htm&release=264.0.0&type=5 "For the managed package runtime, configure the look and feel of a Flexcard by styling individual elements, fields inside elements, and entire states. From the Style panel in the Flexcard Designer, design backgrounds, text, and borders; adjust heights, widths, and spacing inside and between elements; apply classes and inline styles; make your element responsive; and more.").
7. To add elements inside the Block element, perform the following tasks:
    
    1. To add an element from the Build panel, drag a field from the **Fields** list, or an element from the **Elements** list into the block element.
        
        For example, drag address related Account fields into a block element, such as BillingCity, BillingCountry .
        
        ![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
        
        The **Element Name** of any new element added to a block is prepended with the word `Block` until you update the name in the Properties panel.
    2. To add an element into a block element from a state, click, hold, and drag the element into the block element.

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 Block Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_block_properties.htm&release=264.0.0&type=5)**  
    For the managed package runtime, block element properties are configurable in the Property Panel when you select a Block element in the Flexcard Designer. With the Block element, combine logical groups of elements in a collapsible container.