---
schema_version: "1"
id: 834ac201f8a707e83bcf2e8353ac01b9ef67e475af11b16be9d361063f8de925
title: Align Fields Horizontally in Dynamic Form Field Sections
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/dynamic_forms_align_fields_horizonally.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.dynamic_forms_align_fields_horizonally.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 320ee9e37e35b1317450d10cef39734f3274d0f3055e82f802216bcd87878c07
description: Control field alignment across columns by using the Align fields horizontally property on Dynamic Forms Field Section components. This property prevents fields in multicolumn Field Sections from collapsing upward when there’s a gap due to differences in field heights. Fields remain horizontally aligned with their neighbors in the same row.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Align Fields Horizontally in Dynamic Form Field Sections

Control field alignment across columns by using the Align fields horizontally property on Dynamic Forms Field Section components. This property prevents fields in multicolumn Field Sections from collapsing upward when there’s a gap due to differences in field heights. Fields remain horizontally aligned with their neighbors in the same row.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
        <colgroup>
          <col>
        </colgroup>
        <tbody>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Lightning App Builder available in: Salesforce Classic (not available in all
              orgs) and Lightning Experience</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Lightning pages and Dynamic Forms available in: Lightning Experience and the
              Salesforce mobile app</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <p style="margin-bottom:0;">Available in: <strong>Group</strong>
                <strong>Essentials</strong>, <strong>Professional</strong>, <strong>Enterprise</strong>, <strong>Performance</strong>,
                <strong>Unlimited</strong>, and <strong>Developer</strong> Editions
              </p>
            </td>

          </tr>
        </tbody>
      </table> <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d62725e91">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d62725e91 ">To create and save Lightning pages in the Lightning App Builder:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d62725e91 ">Customize Application</td>

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

To enable this property, click a Field Section component on a Dynamic Forms-enabled page in Lightning App Builder.

![Dynamic Forms Field Section properties panel with new checkbox](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/lab_field_section_properties.png)

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)

Note Even with the property enabled, if a field is hidden because of visibility rules, the fields in its column still collapse upward to fill the empty space.

![Example](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_example.png)

Example

In this example, two versions of the same field section contain account fields. The left image shows the behavior when the property isn’t enabled. On the right, the horizontal alignment setting is enabled, causing the Website field to stay aligned horizontally with Account Name instead of collapsing upward.

![Comparison of field sections with horizontal alignment setting disabled on the left and enabled on the right.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/lab_field_section_alignment_compare.png)

#### See Also

- [Break Up Your Record Details with Dynamic Forms](https://help.salesforce.com/s/articleView?id=platform.dynamic_forms_overview.htm&release=264.0.0&type=5 "The more fields that there are on your page layout, the more that the Record Detail component becomes a monolithic block of fields that you can’t customize. With Dynamic Forms, you can migrate the fields and sections from your page layout to individual components in Lightning App Builder. Then you can configure them the same way as the other components on the page - spreading them out across multiple columns and tabs, and dynamically showing and hiding them based on record data, user details, and device type, so that your users get only the fields and sections that they want.")