Drag-drop Keyboard Shortcuts

The Drag-drop and Contentbox editors have a few keyboard shortcuts available for power users.

Text formatting

Keypress	Action
Press the + key on the numlock pad	Increase selected text Font Size by 1px
Press the - key on the numlock pad	Decrease selected text Font Size by 1px
Press CTRL & the + key on the numlock pad	Increase selected text Line Height by 1px
Press CTRL & the - key on the numlock pad	Decrease selected text Line Height by 1px
CTRL + Up Arrow	Increase text block Margin Top
CTRL + SHIFT + Up Arrow	Decrease text block Margin Top
CTRL + Down Arrow	Increase text block Margin Bottom
CTRL + SHIFT + Down Arrow	Decrease text block Margin Bottom

General Formatting / Tools

Use the key combination below to enable to formatting modes and modals. Press the same combination to disable. (Make sure you have clicked into the page to focus the browser for the keypresses) In case of issue clear the browser cache and cookies to remove...

If using a Mac - replace ALT with the OPTION key.

Keypress	Action
CTRL + Z	Undo edit	Supports multiple undos
CTRL + SHIFT + Z	Redo undone edit	Supports multiple redos
CTRL + ALT + P	Toggle Property Panel	Launch a persistent property panel at the bottom of the page. The Property Panel shows information related to the current element you are editing, and change some values.
CTRL + ALT + T	Toggle Text Panel	Launch a persistent text panel as a popup. You can the set various sizing, formatting elements for your selected text.
CTRL + ALT + Y	Toggle Style Editor Panel	Launch a persistent styje editor panel as a popup. With the Style Editor you can target and modify elements within the current selected snippet block.
CTRL + ALT + M	Toggle Style Editor Panel > Mobile Tab	Launch a persistent styje editor panel as a popup- with the mobile formatting tab open.You can then apply animation effects to the snippet block or the inner content using the style editor navigation.
CTRL + ALT + E	Toggle Style Editor Panel > Effects Tab	Launch a persistent styje editor panel as a popup - with the effects tab open. You can then apply animation effects to the snippet block or the inner content using the style editor navigation.
CTRL + ALT + N	Margin-padding Mode (Currently in testing)	Enables Margin and Padding helpers which can be dragged (vertical only) to increase / decrease height for the current selected element.

Style Editor Popup Shortcuts

When navigating to the properties of an element where there is more that one e.g .column, images etc, the editor shows <> arrow buttons at the top of the popup. Instead of clicking the arrowns when they are visible you can use the arrow keys to navigate as well.

Keypress	Action
Arrow Key Left	Navigate to Prev element of type	E.g. Previous column
Arrow Key Right	Navigate to Next element of type	E.g. Next column