To improve efficiency, the application designer supports the following keyboard shortcuts:
Components
Capabilities |
Keyboard shortcut (Windows) |
Keyboard shortcut (Mac) |
Move component |
↑→↓← |
↑→↓← |
Delete component |
Del |
Del |
Clone component |
Ctrl + D |
⌘ + D |
Copy component |
Ctrl + C |
⌘ + C |
Paste component |
Ctrl + V |
⌘ + V |
Resize component |
Ctrl + ↑→↓← |
⌘ + ↑→↓← |
Deselect |
Esc |
Esc |
Cancel component drag or resize |
Esc |
Esc |
Both Clone component and Copy/Paste component create a copy of a component. However, their use cases and behaviors differ.
Clone component works only on the current page. The new component is placed directly below the original one.
Copy/Paste component lets you create a copy of a component across pages or applications. Note that this feature copies only the component itself. It does not copy other referenced elements within the application, such as integration operations, variables, and computed properties.
Canvas
Capabilities |
Keyboard shortcut (Windows) |
Keyboard shortcut (Mac) |
Show grid |
Ctrl |
⌘ |
Select a component without triggering its events |
Ctrl + Click |
⌘ + Click |
Keep grid always visible |
Ctrl + G |
⌘ + G |
Designer
Capabilities |
Keyboard shortcut (Windows) |
Keyboard shortcut (Mac) |
Undo |
Ctrl + Z |
⌘ + Z |
Recovery |
Ctrl + Y |
⇧ + ⌘ + Z |
Preview |
Ctrl + P |
⌘ + P |
Hide or show the status panel |
Ctrl + . |
⌘ + . |
Commit application |
Ctrl + S |
⌘ + S |
Publish application |
Alt + Ctrl + P |
⌥ + ⌘ + P |
Switch to "Page & Layout" |
Shift + Ctrl + P |
⇧ + ⌘ + P |
Switch to "Add Component" |
Shift + Ctrl + A |
⇧ + ⌘ + A |
Switch to "Frame & Component Tree" |
Shift + Ctrl + D |
⇧ + ⌘ + D |
Switch to "Code" |
Shift + Ctrl + C |
⇧ + ⌘ + C |
Switch to "Status" |
Shift + Ctrl + S |
⇧ + ⌘ + S |
Keyboard shortcut help |
? |
? |
Common keyboard shortcut hints
The bottom panel of the designer displays contextual hints for common keyboard shortcuts. For example:
1. When no component is selected:
2. When a component is selected:
3. In preview mode: