App Designer Keyboard Shortcuts
R2026bShortcuts Available Throughout App Designer
| Action | Keys |
|---|---|
| Run the active file. | F5 |
| Save the active file. | Ctrl+S |
| Save the active file with a new file name. (Save as) | Ctrl+Shift+S |
| Open a previously saved file. | Ctrl+O |
| Open a new blank file. | Ctrl+N |
| Undo a modification, returning it to the previous state. | Ctrl+Z |
| Redo an undone modification, returning it to the changed state. | Ctrl+Y or, in the design area only, Ctrl+Shift+Z |
| Alternate between design and code view. | Shift+F7 If debugging is in progress, this shortcut does not change the view. |
| Close the active file. | Ctrl+W |
| Quit App Designer. | Ctrl+Q |
Component Browser Shortcuts
These shortcuts are available in the Component Browser, in both Code View and Design View.
| Action | Keys |
|---|---|
| Select multiple components. | Hold down the Ctrl key as you click each component that you want to include in the multi-selection. |
| Deselect a component from multi-selection. | Hold down the Ctrl key as you click each component that you want to remove from a multi-selection. |
| Navigate from clicked component to the previous or next component listed in the code browser. | Up Arrow and Down Arrow |
| Edit code name of clicked component in the code browser. | F2 on Windows® and Linux® Enter on Mac |
Design View Shortcuts
These shortcuts are available from the App Designer design view only.
Add Component Shortcuts
| Action | Shortcut |
|---|---|
| Add component and associated label (if any) to canvas. | Click the component and hold down the mouse key to drag the component from the Component Library on the left into the design area. |
| Add component only to canvas. | Hold down the Ctrl key, click the component, and drag it from the Component Library on the left into the design area. |
Add component to canvas from quick insert menu. (since R2026b) | Ctrl+. In the quick insert menu that appears, enter the name of the component to add or search for it by entering keywords. Use the arrow keys and then press Enter to add a component. |
| Add label to component. | Ctrl+L |
Component, Group, and Text Selection Shortcuts
| Action | Keys |
|---|---|
| Move the selection to the next component in the navigation sequence. | Tab |
| Move the selection to the previous component in the navigation sequence. | Shift+Tab |
| Select all components on the canvas, with one exception. If any of the components are grouped, the group is selected, not the individual components within the grouping. | Ctrl+A |
| Clear a component selection. Press again to reselect the component. | Shift+Click or Ctrl+Click |
| In the property editor or in-place editing, select all text in a text input field. | Ctrl+A |
| Select group containing a component. | Alt+Click a component |
Group and Ungroup Components Shortcuts
Select the components that you want to group, and then press Ctrl+G. All components to be grouped must have the same parent component.
| Action | Keys |
|---|---|
| Group selected components. | Ctrl+G |
| Ungroup components in selected group. | Ctrl+Shift+G |
Component and Group Move Shortcuts
This table summarizes the keyboard shortcuts for moving selected components and groups.
| Action | Keys |
|---|---|
| Move down 1 pixel. | Down Arrow |
| Move left 1 pixel. | Left Arrow |
| Move right 1 pixel. | Right Arrow |
| Move up 1 pixel. | Up Arrow |
| Move down 10 pixels. | Shift+Down Arrow |
| Move left 10 pixels. | Shift+Left Arrow |
| Move right 10 pixels. | Shift+Right Arrow |
| Move up 10 pixels. | Shift+Up Arrow |
| Cancel an in-progress operation. | Escape |
Component Resize Shortcuts
| Action | Keys |
|---|---|
| Resize component while maintaining aspect ratio. | Press and hold down the Shift key before you begin to drag the component resize handle. |
| Resize component while keeping center location unchanged. | Press and hold down the Ctrl key before you begin to drag the component resize handle. |
| Resize component while maintaining aspect ratio and keeping center location unchanged. | Press and hold down the Ctrl and Shift keys before you begin to drag the component resize handle. |
| Cancel an in-progress resize operation. | Escape |
Component Copy, Duplicate, and Delete Shortcuts
| Action | Keys |
|---|---|
| Copy selected components and groups to the clipboard. | Ctrl+C |
| Duplicate the selected components and groups (without copying them to the clipboard). | Ctrl+D, or hold down the Ctrl key and drag the component. |
| Cut the selected components and groups from the design area onto the clipboard. | Ctrl+X |
| Delete the selected components and groups from the design area. | Backspace or Delete |
| Paste components and groups from the clipboard into the design area or a container component (panel, tab, or button group). Radio buttons and toggle buttons can only be pasted into radio button groups or toggle button groups, respectively. | Ctrl+V |
Design Area Grid Shortcuts
| Action | Keys |
|---|---|
| Toggle grid on and off. | Alt+G |
| Toggle snap to grid on and off. | Alt+P |
| Increase grid interval by 5 pixels. | Alt+Page Up |
| Decrease grid interval by 5 pixels. | Alt+Page Down |
Component Alignment Shortcuts
| Action | Keys |
|---|---|
| Align selected components and groups on their left edges. | Ctrl+Alt+1 |
| Align selected components and groups on their horizontal centers. | Ctrl+Alt+2 |
| Align selected components and groups on their right edges. | Ctrl+Alt+3 |
| Align selected components and groups on their top edges. | Ctrl+Alt+4 |
| Align selected components and groups on their vertical middle. | Ctrl+Alt+5 |
| Align selected components and groups on their bottom edges. | Ctrl+Alt+6 |
Change Font Characteristics Shortcuts
| Action | Keys |
|---|---|
| Toggle the font weight of selected components and their children between normal and bold. | Ctrl+B |
| Toggle the font angle of selected components and their children between normal and italic. | Ctrl+I |
Decrease the value of the Font size steps are: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72. | Ctrl+[ |
Increase the value of the Font size steps are: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72. | Ctrl+] |
Menu Component Shortcuts
| Action | Keys |
|---|---|
| Add a menu item below the current item. The new menu item appears at the end of the list. | Enter |
| Add an item to the right of selected item. | Shift+Enter |
| Delete the current item. | Delete |
| Commit text changes and navigate to the next item. | Any Arrow key |
| Select the first or last item at the level of the selected item. | Home End |
| Move the selected child menu item higher or lower in the list. | Ctrl+Shift+Up
Arrow Ctrl+Shift+Down Arrow |
| Move the selected top-level menu item to the left or right. | Ctrl+Shift+Left
Arrow Ctrl+Shift+Right Arrow |
| Move the selected item to the beginning or end of the list. | Ctrl+Shift+Home Ctrl+Shift+End |
Tab Component Shortcuts
| Action | Keys |
|---|---|
| Move the selected tab to the left or right. | Ctrl+Shift+Left
Arrow Ctrl+Shift+Right Arrow |
| Move the selected tab to the beginning or end. | Ctrl+Shift+Home Ctrl+Shift+End |
Navigate Canvas Shortcuts
| Action | Keys |
|---|---|
| Zoom in on the canvas. | Ctrl+Plus (+) |
| Zoom out on the canvas. | Ctrl+Minus (-) |
| Reset the canvas zoom to default. | Ctrl+Alt+0 |
| Zoom to fit the canvas to the view. | Space |
| Pan on the canvas. | Click and drag with the middle mouse button, or hold Space while clicking and dragging with the left mouse button. |
Code View Shortcuts
These shortcuts are available only from the App Designer code view, within the editor.
Code Indenting Shortcuts
| Action | Keys |
|---|---|
| Smart indent selected code. | Ctrl+I |
| Increase indent on current line of code or currently selected code. | Ctrl+] |
| Decrease indent on current line of code or currently selected code. | Ctrl+[ |
Code Folding Shortcuts
| Action | Keys |
|---|---|
| Collapse code section containing selected code. | Ctrl+Period (.) |
| Expand code section containing selected code. | Ctrl+Shift+Period (.) |
| Collapse all code sections. | Ctrl+Comma (,) |
| Expand all code sections. | Ctrl+Shift+Comma (,) |
Cut, Copy, and Paste Code Shortcuts
| Action | Keys |
|---|---|
| Cut selected code. | Ctrl+X |
| Copy selected code. | Ctrl+C |
| Paste selected code. | Ctrl+V |
| Duplicate selected lines. | Ctrl+Shift+C |
Find Code Shortcuts
| Action | Keys |
|---|---|
| Find. | Ctrl+F |
| Find next. | F3 |
| Find previous. | Shift+F3 |
| Find selection. | Ctrl+F3 |
Code Browser Shortcuts
| Action | Keys |
|---|---|
| Delete callback. | Delete |
| Rename callback. | F2 |
| Bring callback to focus and insert cursor. | Ctrl+D |
Code View Zoom Shortcuts
| Action | Keys |
|---|---|
| Zoom in on code editor. | Ctrl+Plus (+) |
| Zoom out on code editor. | Ctrl+Minus (-) |
| Reset code editor zoom to default. | Ctrl+Alt+0 |
Comment Shortcuts
| Action | Keys |
|---|---|
| Add comment to selected code. | Ctrl+R |
| Remove comment from selected code. | Ctrl+T |
| Wrap selected comments. | Ctrl+J |
Bookmark Shortcuts
| Action | Keys |
|---|---|
| Set or clear bookmark. | Ctrl+F2 |
| Navigate to next bookmark. | F2 |
| Navigate to previous bookmark. | Shift+F2 |
Debugging Shortcuts
| Action | Keys |
|---|---|
| Set or clear breakpoint. | F12 |
| Continue running to next breakpoint. | F5 |
| Run next line ("step"). | F10 |
| Run next line and step into function ("step in"). | F11 |
| Run until current function returns ("step out"). | Shift+F11 |
| Stop execution. | Shift+F5 |
Other App Designer Code Editor Shortcuts
| Action | Keys |
|---|---|
| Convert selected code to uppercase or lowercase. | Ctrl+Shift+A |
| Print code. | Ctrl+P |
| Insert section break. | Ctrl+Alt+Enter |
| Evaluate selection. | F9 |
| Open selection. | Ctrl+D |
| Go to specified line number. | Ctrl+G |
