App Designer Keyboard Shortcuts
Shortcuts 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 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 |
| Selects 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 |
