Drag Drop Editor (Default)

The drag-drop editor is one of the three main content editors available in the system, it allows you to create complex grid-based layouts using images, text and other media and reformats content automatically for viewing on mobile.

The editor uses rows of snippet 'blocks' - blocks of pre-formatted content that are used to build your page.

Drag-drop Editor Overview

How to build your page, editing content and the toolbars explained
Inserting Images

How to add an image snippet block, different types, inserting a new image into existing content and deleting an image
Changing the editor from Drag-Drop to Contentbox

Want to update a page to use the Contentbox editor? Here's how
Changing the editor to TINY MCE
How to create a linkable button
How to link to a page
Adding a Telephone or Email link
How to link to in-page content (via Bookmark)
Setting content visibility on Desktop and Mobile
Adding background colour to snippet content areas
Card Snippets
Keyboard Shortcuts
Working with Tables
Using Drag-drop in Blog and Events pages

You can change the editor from the default text-based TINYMCE editor, to use the drag-drop editor for more customised layouts of your blog or event content.
Copy / Paste Snippet Blocks to a different page

Using the Drag-drop and Contentbox editors you can easily copy/paste Snippet Blocks from one page to another.
Hover states and Animation Effects

An introduction to the Animation Effects popup and how to apply Hover or animation effects via the Style Modal effects tab.
Resizing Rows and Columns
Shopping Snippets
Snippets and spacing - Margins and Padding

Where to adjust snippet block element spacing using the Drag-drop and Contentbox editors
Text Sizing and Line Heights

Where to adjust font-sizing and line-heights for text using the Drag-drop and Contentbox editors
Special Snippet Blocks

Some snippet blocks have their own settings panels which allow you to quickly customise their look or behaviour
Editing Panels / Popups
Showing the Properties Panel

The Properties Panel can be enabled / disabled within the Drag-drop and Contentbox editors and work as a status bar at the base of the editor providing information on the active snippet block.