Docs
Search…
⌃K

Shortcuts

Shortcuts

Oxygen shortcuts:

Here below is a list of avaible shortcuts in Oxygen Builder for orientational purpose, these shortcuts are not affected by Workspace.
PC shortcut
Mac shortcut
Action
Ctrl + C
⌘ + C
Copy
Ctrl + V
⌘ + V
Paste
Ctrl + D
⌘ + D
Duplicate
Ctrl + S
⌘ + S
Save
Ctrl + Z
⌘ + Z
Undo
Ctrl + Y
⌘ + Y
Redo
Ctrl + delete
⌘ + delete
Delete active element

System shortcuts

There are plenty shortcuts inside Workspace so when we talk about shortcuts we have different areas of shortcuts.
This shortcuts are non-disabled.
Key
Action
SPACE
Open/Close both panels (Fullscreen)
G
Focus command-line
Esc
Escape command-line focus

Keyboard positional (Single Key)

These shortcuts are intended for interface control, they are single-click and their position is same on every keyboard layout to enforce two hand work.
For selecting a desired media query, you can use numbers above letters (not numpad).
Key
event.code
Action
1
Digit1
Select Default media query
2
Digit2
Select Page-width media query
3
Digit3
Select Tablet media query
4
Digit4
Select Phone-landscape media query
5
Digit5
Select Phone-portrait media query
Delete
Delete active component
Choose Your Keyboard Layout below to see shortcuts:
QWERY
QWERTZ
AZERTY
Colemak DH
Main Panel Shortcuts:
Key
Action
Q
Open Structure Panel
W
Open Stylesheets Panel
E
Open Selector Panel
R
Open Settings Panel
T
Open Style Inspector
Advanced Panels Shortcuts:
Key
Advanced Panel (open)
A
Background
S
Size&Spacing
D
Layout
F
Typography
G
Focus command-line
Z
Borders
X
Effects
C
Custom CSS
V
Custom JS
B
Custom Attributes
Main Panel Shortcuts:
Key
Action
Q
Open Structure Panel
W
Open Stylesheets Panel
E
Open Selector Panel
R
Open Settings Panel
T
Open Style Inspector
Advanced panel shortcuts:
Key
Advanced Panel (open)
A
Background
S
Size&Spacing
D
Layout
F
Typography
G
Focus command-line
Y
Borders
X
Effects
C
Custom CSS
V
Custom JS
B
Custom Attributes
Main Panel Shortcuts:
Key
Action
A
Open Structure Panel
Z
Open Stylesheets Panel
E
Open Selector Panel
R
Open Settings Panel
T
Open Style Inspector
Advanced panel shortcuts:
Key
Advanced Panel (open)
Q
Background
S
Size&Spacing
D
Layout
F
Typography
G
Focus command-line
W
Borders
X
Effects
C
Custom CSS
V
Custom JS
B
Custom Attributes
Main Panel Shortcuts:
Key
Action
Q
Open Structure Panel
W
Open Stylesheets Panel
F
Open Selector Panel
P
Open Settings Panel
B
Open Style Inspector
Advanced panel shortcuts:
Key
Advanced Panel (open)
A
Background
R
Size&Spacing
S
Layout
T
Typography
G
Focus command-line
Z
Borders
X
Effects
C
Custom CSS
D
Custom JS
V
Custom Attributes

Arrow shortcuts

Key
Without modifier
+ Ctrl
ArrowUp
Select parent element
Collapse All
ArrowDown
Select child element
Expand All
ArrowLeft
Select prev. sibling element
-
ArrowRight
Select next sibling element
Expand/collapse current node

Shift + Key shortcuts

Key
Action
Shift + A
Add+ Panel (component browser)
Shift + W
Component browser > WordPress
Shift + S
Component browser > Helpers
Shift + D
Component browser > Library
Shift + R
Component browser > Reusable
Shift + T
Save reusable
Shift + Q
Wrap with div
Shift + E
Wrap with link
Shift + X
Toggle X-mode
Shift + G
Toggle Grid
Shift + N
Launch Live Server New Instance

Ctrl + Key shortcuts

PC shortcut
Mac shortcut
Action
Ctrl + H
⌘ + H
Open History tab

Disabling shortcuts

Certain shortcuts can be disabled via User preference > Shortcuts

Shortcuts guide

If you want to have hints around interface for shortcuts you can enable it via User preference by turning ON Shortcuts hint option, better explained here.