Editor

Command Shortcut
UndoCtrl + Z
RedoCtrl + Y
Redo Ctrl + Shift + Z
Select all in a Block, Group, Cell Ctrl + A
Copy Ctrl + C
Cut Ctrl + X
Paste Ctrl + V
Duplicate Ctrl + D
Bold Ctrl + B
Italic Ctrl + I
Underline Ctrl + U
Save Ctrl + S
Zoom In Ctrl + '+'
Zoom Out Ctrl + '-'
Move the Block, Element up Ctrl + ↑
Move the Block, Element down Ctrl + ↓
Show the Keyboard Shortcuts Ctrl + Shift + ?
Start to edit Text Enter
Close or exit Esc
Delete Element Del
Move Element ← ↑ ↓ →
Move Element by 10px Shift + ← ↑ ↓ →
Scroll blocks up Page Up
Scroll blocks down Page Down

Text

Command Shortcut
BoldCtrl + B
ItalicCtrl + I
UnderlineCtrl + U

Mouse

Command Shortcut
Duplicate SelectionAlt + Drag
Duplicate SelectionCtrl + Drag
Move Horizontally or VerticallyShift + Drag
Resize ProportionallyShift + Resize
Resize from CenterAlt + Resize
Resize Paddings togetherAlt + Padding Resize
Multiple SelectShift + Click
Multiple SelectCtrl + Click

Add

Command Shortcut
BlockK
GridG
GroupC
Heading 11
Heading 22
Heading 33
Heading 44
Heading 55
Heading 66
TextT
HyperlinkH
ButtonB
ImageI
IconO
LineL
RectangleR

UI

Command Shortcut
Hide or show the Left Naviagator Panel [

### Editor <style type="text/css">.table-custom th,.table-custom td {text-align: left; border-top: none !important;}</style> <table style="width: 50%" class="table table-striped table-custom"> <tr> <th style="border-bottom: 1px solid #ccc;">Command <th style="border-bottom: 1px solid #ccc;">Shortcut <tr> <td>Undo<td>Ctrl + Z <tr> <td>Redo<td>Ctrl + Y <tr> <td>Redo <td>Ctrl + Shift + Z <tr> <td>Select all in a Block, Group, Cell <td>Ctrl + A <tr> <td>Copy <td>Ctrl + C <tr> <td>Cut <td>Ctrl + X <tr> <td>Paste <td>Ctrl + V <tr> <td>Duplicate <td>Ctrl + D <tr> <td>Bold <td>Ctrl + B <tr> <td>Italic <td>Ctrl + I <tr> <td>Underline <td>Ctrl + U <tr> <td>Save <td>Ctrl + S <tr> <td>Zoom In <td>Ctrl + '+' <tr> <td>Zoom Out <td>Ctrl + '-' <tr> <td>Move the Block, Element up <td>Ctrl + ↑ <tr> <td>Move the Block, Element down <td>Ctrl + ↓ <tr> <td>Show the Keyboard Shortcuts <td>Ctrl + Shift + ? <tr> <td>Start to edit Text <td>Enter <tr> <td>Close or exit <td>Esc <tr> <td>Delete Element <td>Del <tr> <td>Move Element <td> ← ↑ ↓ → <tr> <td>Move Element by 10px<td> Shift + ← ↑ ↓ → <tr> <td>Scroll blocks up <td>Page Up <tr> <td>Scroll blocks down <td>Page Down </table> ### Text <table class="table table-striped table-custom" style="width:50%"> <tr><td style="border-bottom: 1px solid #ccc;border-top: 1px solid #ccc !important;">Command <td style="border-bottom: 1px solid #ccc;border-top: 1px solid #ccc !important;">Shortcut <tr><td>Bold</td><td>Ctrl + B</td> <tr><td>Italic</td><td>Ctrl + I</td> <tr><td>Underline</td><td>Ctrl + U</td> </table> ### Mouse <table class="table table-striped table-custom" style="width:50%"> <tr><td style="border-bottom: 1px solid #ccc;border-top: 1px solid #ccc !important;">Command <td style="border-bottom: 1px solid #ccc;border-top: 1px solid #ccc !important;">Shortcut <tr><td>Duplicate Selection</td><td>Alt + Drag</td> <tr><td>Duplicate Selection</td><td>Ctrl + Drag</td> <tr><td>Move Horizontally or Vertically</td><td>Shift + Drag</td> <tr><td>Resize Proportionally</td><td>Shift + Resize</td> <tr><td>Resize from Center<td>Alt + Resize <tr><td>Resize Paddings together<td>Alt + Padding Resize <tr><td>Multiple Select<td>Shift + Click <tr><td>Multiple Select<td>Ctrl + Click </table> ### Add <table style="width: 50%" class="table table-striped table-custom"> <tr> <td style="border-bottom: 1px solid #ccc;border-top: 1px solid #ccc !important;">Command <td style="border-bottom: 1px solid #ccc;border-top: 1px solid #ccc !important;">Shortcut <tr><td>Block<td>K <tr><td>Grid<td>G <tr><td>Group<td>C <tr><td>Heading 1<td>1 <tr><td>Heading 2<td>2 <tr><td>Heading 3<td>3 <tr><td>Heading 4<td>4 <tr><td>Heading 5<td>5 <tr><td>Heading 6<td>6 <tr><td>Text<td>T <tr><td>Hyperlink<td>H <tr><td>Button<td>B <tr><td>Image<td>I <tr><td>Icon<td>O <tr><td>Line<td>L <tr><td>Rectangle<td>R </table> ### UI <table style="width: 50%" class="table table-striped table-custom"> <tr> <th style="border-bottom: 1px solid #ccc;">Command <th style="border-bottom: 1px solid #ccc;">Shortcut <tr> <td>Hide or show the Left Naviagator Panel <td>[ </table>