---
schema_version: "1"
id: 9cc5d64fc3942113d2e766ca0f3e441f75f66f8755749c183949d7a797014822
title: Flexcards Element Alignment 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_element_alignment_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_element_alignment_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 51605584f07f0eeea06580feeb1838d4f21838e95d1fced593fc86f7cc6a3d91
description: For the managed package runtime, the Alignment properties of an element are configurable in the Style panel when an element is selected in the Flexcard Designer. Configuring padding, margin, and text alignment.
products:
  - Omnistudio
release: "264"
---
# Flexcards Element Alignment Properties (Managed Package)

For the managed package runtime, the Alignment properties of an element are configurable in the Style panel when an element is selected in the Flexcard Designer. Configuring padding, margin, and text alignment.

![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>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d234504e46">
            <p style="margin-bottom:0;">Property</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d234504e52">
            <p style="margin-bottom:0;">Description</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d234504e46 ">
            <p style="margin-bottom:0;">Margin Type</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d234504e52 ">
            <p style="margin-bottom:0;">Select where to add margins to your element, such as the bottom, both vertical spaces, both horizontal positions, around the entire element, and so on.</p>
          </td>

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

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

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

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

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d234504e52 ">
            <p style="margin-bottom:0;">Select where to add padding to your element, such as the bottom, both vertical spaces, both horizontal positions, around the entire element, and so on.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d234504e52 ">
            <p style="margin-bottom:0;">Select text alignment, such as <strong class="uicontrol">center</strong>, to update the alignment of the content within the element's container.</p>
          </td>

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