---
schema_version: "1"
id: 2f77c02902a94bea75125500ad54a8ffb1077f78bdceb7d060b2a95169197f1d
title: Flexcards Element Dimensions 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_dimensions_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_element_dimensions_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 6f768b241486503297c02d05c935922549e770750dd88d88bce5a35a374f1101
description: For the managed package runtime, an element's Dimensions properties are configurable from the Style panel in the Flexcard Designer when an element is selected. Update the height and width, and configure responsiveness for your element.
products:
  - Omnistudio
release: "264"
---
# Flexcards Element Dimensions Properties (Managed Package)

For the managed package runtime, an element's Dimensions properties are configurable from the Style panel in the Flexcard Designer when an element is selected. Update the height and width, and configure responsiveness for your element.

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d222430e53 ">
            <p style="margin-bottom:0;">Set the default width of the element when <strong class="uicontrol">Responsive</strong> is disabled.</p>
          </td>

          <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d222430e59 ">

          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d222430e53 ">
            <p style="margin-bottom:0;">Set the height of the element. Enter any value allowed by the <code>height</code> CSS property, such as <kbd>10em</kbd>, <kbd>auto</kbd> or <kbd>calc()</kbd>. If you enter just a number, the default unit used is <code>px</code>. The percentage unit (<code>%</code>) is not supported.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d222430e53 ">
            <p style="margin-bottom:0;">Set the maximum height of the element. Enter any value allowed by the <code>maximum-height</code> CSS property, such as <kbd>10em</kbd>, <kbd>auto</kbd>, or <kbd>calc()</kbd>. If you enter just a number, the default unit used is <code>px</code>. The percentage unit (<code>%</code>) is not supported.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d222430e53 ">
            <p style="margin-bottom:0;">Set the minimum height of the element. Enter any value allowed by the <code>minimum-height</code> CSS property, such as <kbd>10em</kbd>, <kbd>auto</kbd>, or <kbd>calc()</kbd>. If you enter just a number, the default unit used is <code>px</code>. The percentage unit (<code>%</code>) is not supported.</p>
          </td>

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

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d222430e53 ">
            <p style="margin-bottom:0;">Make your element adjust to the width of the viewport. After enabling, set the width of each viewport breakpoint.</p>
          </td>

          <td data-label="Reference" class="slds-cell-wrap" style="vertical-align:top;" headers="d222430e59 ">

          </td>

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