---
schema_version: "1"
id: c1f0680fe9a4975f97ecbb573b23461b0180ec96652401448ba94371cae5e437
title: Keyboard Navigation and Shortcuts in the Lightning App Builder
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/lightning_app_builder_keyboard_navigation.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.lightning_app_builder_keyboard_navigation.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 6d56a98c22a79f6dfd451d1e3f60dbbad330b879f8ce8f1fad9e69ef1e7b4038
description: The Lightning App Builder supports some unique keyboard combinations to help take actions inside the tool and navigate from element to element.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Keyboard Navigation and Shortcuts in the Lightning App Builder

The Lightning App Builder supports some unique keyboard combinations to help take actions inside the tool and navigate from element to element.

### 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;">Available in: both Salesforce Classic and Lightning Experience</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>

These shortcuts and navigation tips are also available in the Lightning App Builder. Open the Help menu and select **Keyboard Help**.

## Global Shortcuts

 
| Action | Shortcut |
| --- | --- |
| Keyboard help | ? (Shift + /) |
| Switch panel focus | F6 |
| Switch focus to the docked prompt | Ctrl+F6 (Windows) or Cmd+F6 (macOS) |
| New page | n |
| Open page | o |
| Save page | Ctrl+s (Windows) or Cmd+s (macOS) |
| Undo | Ctrl+z (Windows) or Cmd+z (macOS) |
| Redo | Ctrl+Shift+z (Windows) or Cmd+Shift+z (macOS) |

## Canvas Navigation

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d39679e201">Action</th>
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d39679e204">Navigation</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e201 ">Highlight component</td>

            <td data-label="Navigation" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e204 ">Down Arrow or Up Arrow</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e201 ">Select the highlighted component</td>

            <td data-label="Navigation" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e204 ">
              <p>Press Enter.</p>
              <p style="margin-bottom:0;">To move focus to the properties pane, press Tab several
                times.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e201 ">Insert a component from the component pane before or after another
              component</td>

            <td data-label="Navigation" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e204 ">
              <ol>
                <li>Highlight a component on the canvas.</li>

                <li>Press Tab several times to highlight an Add Component icon, and then press
                  Enter.</li>

                <li>Press F6 until the focus is on the Components tab in the component pane.</li>

                <li>Press Tab until the focus is on the component pane.</li>

                <li>Use arrow keys to navigate to the component that you want to add, and then
                  press Enter.</li>

              </ol>
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e201 ">Add a component to empty region</td>

            <td data-label="Navigation" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e204 ">
              <ol>
                <li>Tab to move focus to the empty region.</li>

                <li>Press Enter to activate the insertion point.</li>

                <li>Press F6 until the focus is on the Components tab in the component pane.</li>

                <li>Press Tab until the focus is on the component pane.</li>

                <li>Use arrow keys to navigate to the component that you want to add, and then
                  press Enter.</li>

              </ol>
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e201 ">Move a component</td>

            <td data-label="Navigation" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e204 ">
              <ol>
                <li>Select the component that you want to move.</li>

                <li>Cut the selected component by pressing Ctrl+x (Windows) or Cmd+x (macOS).</li>

                <li>Press Tab to highlight another component on the canvas, and then press Enter
                  to select it.</li>

                <li>To insert the cut component before the selected one, press Tab several times
                  to highlight the Add Before icon, press Enter to activate the icon, and then
                  press Ctrl+v (Windows) or Cmd+v (macOS) to paste.</li>

                <li>To insert the cut component after the selected one, press Tab several times to
                  highlight the Add After icon, press Enter to activate the icon, and then press
                  Ctrl+v (Windows) or Cmd+v (macOS) to paste.</li>

              </ol>
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e201 ">Remove a component</td>

            <td data-label="Navigation" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e204 ">
              <ol>
                <li>Select the component that you want to delete.</li>

                <li>Press Delete.</li>

                <li>Alternatively, press Tab to highlight the Delete icon.(<span style="vertical-align:text-bottom;display:inline-block;"><img style="width:20px;margin-bottom:0;" src="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_component_trash_icon.png" alt="Delete icon"></span>) on the selected component, and then press Enter.</li>

              </ol>
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e201 ">Access Tab and Accordion component contents</td>

            <td data-label="Navigation" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d39679e204 ">
              <ol>
                <li>Highlight the Tabs or Accordion component.</li>

                <li>Press Tab several times until the focus is on the first tab or section.</li>

                <li>Press Up Arrow or Down Arrow to cycle through the tabs or sections.</li>

                <li>Press Tab to highlight the first component inside the selected tab or
                  section.</li>

              </ol>
            </td>

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

![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 After using the arrow keys to navigate into Accordion, Tabs, or other container component content, you must press Tab (or Shift+Tab if moving up the canvas) before you can continue to use the arrow keys to navigate between components.

#### See Also

- [Keyboard Shortcuts](https://help.salesforce.com/s/articleView?id=xcloud.accessibility_keyboard_shortcuts.htm&language=en_US)