Docs
Search…
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.
Copy link
On this page
Shortcuts
Oxygen shortcuts:
System shortcuts
Keyboard positional (Single Key)
Arrow shortcuts
Shift + Key shortcuts
Ctrl + Key shortcuts
Disabling shortcuts
Shortcuts guide