--- schema_version: "1" id: 8ee6f23bdda67a60aa1da61e9dd1e9c22bc58dc33a61cca495fb19b067ec50ef title: Add a Text Element 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_text_element_to_a_flexcard.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_text_element_to_a_flexcard.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: a7a1b5806da4f92d8a0cb05aa52ec9abc75daa965ad0f1b86e1cc229854a600d description: For the managed package runtime, combine plain text and merge fields inside a rich text editor with the Text element in the Flexcard Designer. Enter a merge field, such as data fields, or context variables, such as session variables. products: - Omnistudio release: "264" --- # Add a Text Element to a Flexcard (Managed Package) For the managed package runtime, combine plain text and merge fields inside a rich text editor with the Text element in the Flexcard Designer. Enter a merge field, such as data fields, or context variables, such as session variables. ![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). The Text element's rich text editor adds an HTML `div` for each text section to build the layout of the element. Add SDLS and NDS classes and other formatting options to each `div` to style your text. 1. In the Flexcard Designer, drag the **Text** element from the Build panel into a state on the canvas. 2. To update the default text, from the Properties panel, click into the rich text editor to override the content. Beginning Spring '22, the default font for a Text element is System Font, which is the native font your operating system’s UI provides. 3. (Optional) To add a new block of text, click return to create a new div. 4. (Optional) To add data field values, select from the **Fields** list in the rich text editor. You can also manually add the field by entering the field name surrounded by single curly braces, such as {Type}. 5. (Optional) To add custom labels, enter the {Label.customLabelName} merge field anywhere in the rich text editor. For example, to add a custom label for AccountName, enter {Label.AccountName}. See [Add Custom Labels to Supported Fields on a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_custom_labels_to_supported_fields_on_a_flexcard.htm&release=264.0.0&type=5 "For the managed package runtime, add custom labels to supported Flexcard element fields with the {Label} merge field. Custom labels are custom text values that can be accessed from Apex classes, Visualforce pages, or Lightning components. Add custom labels if your Flexcard supports multiple languages. The values can be translated into any language Salesforce supports."). 6. (Optional) To add a context variable as a merge field, enter it any div. For example, enter {User.userProfileName} to add the logged-in user's profile name. See [Flexcards Context Variables (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_context_variables.htm&release=264.0.0&type=5 "For the managed package runtime, global and local context variables are available to a Flexcard to provide context to data sources, actions, and other components. All variables are case sensitive."). ![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 rendered User global context variable is visible at run time only, such as in Preview or when Flexcard is published to a page. 7. (Optional) To undo a change, click the **Undo** icon. 8. (Optional) To redo an undone change, click the **Redo** icon. 9. To style the text within the rich text editor, see [Style Text in the Rich Text Editor of a Flexcard Text Element (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_style_text_in_the_rich_text_editor_of_a_flexcard_text_element.htm&release=264.0.0&type=5 "For the managed package runtime, style plain text and merge fields inside the Flexcard Text element's rich text editor. Enter a merge field, such as data fields, or context variables, such as session variables."). 10. (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."). What’s next: (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."). - **[Style Text in the Rich Text Editor of a Flexcard Text Element (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_style_text_in_the_rich_text_editor_of_a_flexcard_text_element.htm&release=264.0.0&type=5)** For the managed package runtime, style plain text and merge fields inside the Flexcard Text element's rich text editor. Enter a merge field, such as data fields, or context variables, such as session variables. - **[Flexcards Text Element Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_text_element_properties.htm&release=264.0.0&type=5)** For the managed package runtime, Text element properties are configurable in the Property Panel when you select a Text element in the Flexcard Designer. With the Text element, combine plain text and merge fields using a Rich Text Editor.