Salesforce Docs Portal

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

Available in: both Salesforce Classic and Lightning Experience

Available in: Group, Essentials, Professional, Enterprise, Performance, Unlimited, and Developer Editions

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

Action Navigation
Highlight component Down Arrow or Up Arrow
Select the highlighted component

Press Enter.

To move focus to the properties pane, press Tab several times.
Insert a component from the component pane before or after another component
  1. Highlight a component on the canvas.
  2. Press Tab several times to highlight an Add Component icon, and then press Enter.
  3. Press F6 until the focus is on the Components tab in the component pane.
  4. Press Tab until the focus is on the component pane.
  5. Use arrow keys to navigate to the component that you want to add, and then press Enter.
Add a component to empty region
  1. Tab to move focus to the empty region.
  2. Press Enter to activate the insertion point.
  3. Press F6 until the focus is on the Components tab in the component pane.
  4. Press Tab until the focus is on the component pane.
  5. Use arrow keys to navigate to the component that you want to add, and then press Enter.
Move a component
  1. Select the component that you want to move.
  2. Cut the selected component by pressing Ctrl+x (Windows) or Cmd+x (macOS).
  3. Press Tab to highlight another component on the canvas, and then press Enter to select it.
  4. 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.
  5. 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.
Remove a component
  1. Select the component that you want to delete.
  2. Press Delete.
  3. Alternatively, press Tab to highlight the Delete icon.(Delete icon) on the selected component, and then press Enter.
Access Tab and Accordion component contents
  1. Highlight the Tabs or Accordion component.
  2. Press Tab several times until the focus is on the first tab or section.
  3. Press Up Arrow or Down Arrow to cycle through the tabs or sections.
  4. Press Tab to highlight the first component inside the selected tab or section.
Note
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