bat365 Homepage

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
Component, Group, and Text Selection Shortcuts
Group and Ungroup Components Shortcuts
Component and Group Move Shortcuts
Component Resize Shortcuts
Component Copy, Duplicate, and Delete Shortcuts
Design Area Grid Shortcuts
Component Alignment Shortcuts
Change Font Characteristics Shortcuts
Menu Component Shortcuts
Tab Component Shortcuts
Navigate Canvas Shortcuts

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 `FontSize` property of the selected components and their children by one step. 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 `FontSize` property of the selected components and their children by one step. 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
Code Folding Shortcuts
Cut, Copy, and Paste Code Shortcuts
Find Code Shortcuts
Code Browser Shortcuts
Code View Zoom Shortcuts
Comment Shortcuts
Bookmark Shortcuts
Debugging Shortcuts
Other App Designer Code Editor Shortcuts

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