ToolJet/docs/versioned_docs/version-2.11.0/tutorial/keyboard-shortcuts.md

123 lines
2.8 KiB
Markdown
Raw Normal View History

2023-07-25 09:04:22 +00:00
---
id: keyboard-shortcuts
title: Keyboard Shortcuts
---
# Keyboard Shortcuts
You can perform operations like undo, redo, clone, or removing the widget directly using the keyboard shortcuts.
## Copy
You can copy the component on the visual app editor using the following shortcut keys:
**On Mac:** `cmd + c`
**On Linux/Windows:** `ctrl + c`
<div style={{textAlign: 'center'}}>
<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+C.gif" alt="Copy" />
</div>
## Cut
You can cut the component on the visual app editor using the following shortcut keys:
**On Mac:** `cmd + x`
**On Linux/Windows:** `ctrl + x`
<div style={{textAlign: 'center'}}>
<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+X.gif" alt="Cut" />
</div>
## Paste
You can paste the selected component using the following shortcut keys:
**On Mac:** `cmd + v`
**On Linux/Windows:** `ctrl + v`
<div style={{textAlign: 'center'}}>
<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+V.gif" alt="Paste" />
</div>
:::caution
There are few edge cases when copy-paste commands might not work:
- The URL should be `https` and it won't work on http on many browsers
- Recent Firefox versions has some issue with copy functionality
:::
## Undo
You can undo any operation performed on the visual app editor using the following shortcut keys:
**On Mac:** `cmd + z`
**On Linux/Windows:** `ctrl + z`
<div style={{textAlign: 'center'}}>
<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+Z.gif" alt="Undo" />
</div>
## Redo
If you have `undo` an operation and want to redo that again than you can use the following shortcut keys:
**On Mac:** `cmd + shift + z`
**On Linux/Windows:** `ctrl + shift + z`
<div style={{textAlign: 'center'}}>
<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+Shift+Z.gif" alt="Redo" />
</div>
## Clone
Now you can create multiple clones of any widget without having to drag and drop the widget again from the sidebar. Just select any widget that you want to create a clone and use the following shortcut keys:
**On Mac:** `cmd + d`
**On Linux/Windows:** `ctrl + d`
<div style={{textAlign: 'center'}}>
<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+D.gif" alt="Clone" />
</div>
## Remove widget
Now you can delete a selected widget by using the following shortcut keys:
**On Mac:** `delete`
**On Linux/Windows:** `backspace`
<div style={{textAlign: 'center'}}>
<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/bkspc.gif" alt="Remove" />
</div>
## Unselect the selected widget
You can quickly deselect a widget using the `esc` key.
<div style={{textAlign: 'center'}}>
<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/esc.gif" alt="Unselect" />
</div>