What's New: Drag & Drop Editor

What's New: Explore Netcore Drag & Drop Editor's newest capabilities in this document

Stay updated with Netcore Drag & Drop Editor's usability refinements and visual consistency improvements shipped to give your team faster workflows and cleaner outputs across every campaign.

Netcore — Release Notes · Unified Content Editor
09
Updates this cycle
01
New feature
07
Enhancements
01
Feature improvement

July 2026

08 updates
New Feature REL-2607-01

Drag and Drop Image Upload, System to Canvas

You can now drag an image file straight from your desktop onto the UCE canvas to upload and place it, skipping the upload picker entirely.

Before Adding an image required a 4-step flow: add an image block, open the file picker, upload the file, then insert it into the block.
Now Drag an image file and drop it directly onto an existing Image block, or onto an empty area of the canvas to automatically create a new Image block at that position. The file uploads in the background and renders in place with no page refresh needed.
📘Note
Supported formats are JPG, JPEG, PNG, and GIF, up to 5MB per file. WEBP is not currently supported for drag-and-drop upload.
With this feature, you can
  • Drop an image straight onto an existing Image block to fill it instantly.
  • Drop an image onto an empty canvas area to auto-create a new Image block at that spot.
  • Skip the upload picker entirely; the file uploads and renders automatically.
  • Get clear visual feedback (highlighted drop zone, upload progress, retry on failure) throughout the process.
Enhancement REL-2607-02

Default Crop Mode Set to Custom (Free-Form) in Image Editor

When editing an image on the UCE canvas, the Crop tool now opens in Custom (free-form) mode by default, so you can resize the crop area immediately with zero extra clicks.

Before The crop tool opened locked to the Original aspect ratio. For square source images this looked like a forced square crop, and users had to open the Crop dropdown and manually switch to Custom before cropping freely.
Now The Crop tool opens directly in Custom mode with drag handles active from the start. All existing presets, including Original, Social Media, Landscape 16:9, Portrait 9:16, Ellipse, Classic TV 4:3, and Cinemascope 21:9, remain one click away in the dropdown.
📘Tip
Re-editing a previously cropped image also opens in Custom mode. Your earlier crop is preserved unless you crop again.
With this enhancement, you can
  • Start cropping freely the moment you open the tool, with no extra clicks.
  • Switch to any fixed preset ratio whenever precise dimensions are needed.
  • Get a consistent free-form default across every image block on the canvas.
Enhancement REL-2607-03

Persistent Selection Border While Editing via the Side Panel

The selection border around a selected element now stays visible while you edit its properties in the right-hand panel, so you never lose track of what's selected mid-edit.

Before Clicking into the RHS properties panel made the selection border disappear, leaving only the drag handle. This was most confusing for Divider and Spacer, which have little to no visible content to indicate selection otherwise.
Now The border stays visible for as long as the element is selected, through RHS General/Style tab clicks, text-formatting toolbar use, and drag-handle interactions. It only clears when you select a different element, click empty canvas, or delete the element.
📘Note
This fix applies across all element types (Header, Paragraph, Divider, Spacer, Button, Image, Video, Social, and Form) and across AMP Email, Web Message, Web Personalization, HTML email, and In-App content.
With this enhancement, you can
  • Always tell which element is selected, even while adjusting its style or content.
  • Rely on a clearly visible bounding box for thin elements like Divider and Spacer.
  • Trust the selection border and drag handle to always stay in sync.
Enhancement REL-2607-04

Alignment & Justify Now Enabled for Bulleted and Numbered Lists

Left, Center, Right, Justify, and Link are no longer disabled when your selection is inside a bulleted or numbered list. This brings UCE's list editing in line with the BEE editor.

Before Applying a bullet or numbered list to text disabled the alignment and Justify options, and Link appeared disabled too. List content couldn't be aligned or justified at all.
Now Alignment, Justify, and Link remain fully enabled on list content. Apply them to a single list item or a multi-item selection, and the toolbar reflects the active state.
📘Note
Alignment set via the text toolbar and the RHS "General" alignment property are not synced. They apply at different levels (toolbar to the selected list item, RHS to the parent container). This is a known limitation; RHS alignment controls are planned for deprecation in an upcoming sprint in favor of toolbar-only alignment.
With this enhancement, you can
  • Align or justify bulleted and numbered list content, just like plain paragraph text.
  • Use Link/unlink inside list items without it appearing disabled.
  • See the active alignment state reflected on the toolbar button.
  • Get list-editing behavior consistent with the BEE editor.
Enhancement REL-2607-05

Stack on Mobile for Side-by-Side Form Fields

Side-by-side form field rows now include a Stack on mobile toggle, so multi-column form rows can collapse into a clean vertical stack on small screens instead of staying cramped side by side.

Before Side-by-side form fields, used for grouping fields like First Name and Last Name, rendered side by side on every screen size, including mobile. Two to four fields squeezed into one row were hard to tap and read on phones.
Now Each side-by-side field row has its own Stack on mobile toggle. When ON, fields stack vertically at full width in their original left-to-right order on mobile. When OFF, fields stay side by side, matching the current behavior.
Steps to configure
  1. On the canvas, select a row containing side-by-side form fields.
  2. In the right pane, open the General tab and locate the Responsive section.
  3. Toggle Stack on mobile ON to make the fields stack vertically on mobile, or OFF to keep them side by side.
  4. Switch the editor to Mobile view to preview the result before saving.
📘Note
This setting applies per row, so a form with multiple side-by-side rows can have a different Stack on mobile value for each one.
With this enhancement, you can
  • Keep multi-column form rows compact on desktop while making them mobile friendly.
  • Control stacking independently for each side-by-side row in the same form.
  • Preview the stacked layout live in Mobile view before publishing.
  • Improve mobile form completion by avoiding cramped, hard-to-tap fields.
Enhancement REL-2607-06

Indent Controls in Text Editor

You can now indent and outdent paragraph and table text directly from the editor toolbar, giving you more control over text hierarchy and structure.

Before There was no way to indent or outdent text in the editor. Users relied on manual workarounds like extra spaces to create structured layouts, resulting in inconsistent formatting.
Now Indent and Outdent controls are available in the toolbar for paragraph and table elements. Select text or place your cursor in a paragraph and use Indent to shift it right, or Outdent to shift it back, up to a maximum indentation of 360px.
Steps to configure
  1. On the canvas, select a Paragraph or Table block and place your cursor in, or select, the text.
  2. In the floating text toolbar that appears, locate the Decrease Indent and Increase Indent icons, next to the bulleted/numbered list icons.
  3. Click Increase Indent to shift the text right, or Decrease Indent to shift it back. Click repeatedly to move through indent levels, up to a maximum of 360px.
📘Note
Indent and Outdent are supported for paragraph and table elements only. The controls are disabled for widget-based elements, which would require structural changes not planned at this stage.
Indent and Outdent controls in the text toolbar
Use Increase Indent and Decrease Indent from the floating text toolbar
With this enhancement, you can
  • Create nested, hierarchical text layouts without manual spacing.
  • Indent quotes, callouts, or key information to visually separate them.
  • Improve readability of long-form content like instructions and feature descriptions.
  • Match indentation expectations when pasting content from Docs or Word.
Enhancement REL-2607-07

Configurable Preferred Country Codes for Phone Input

The Code + Phone form field now lets you configure up to 5 preferred country codes, plus a more consistent, searchable dropdown experience for your subscribers.

Before The country code dropdown showed the full country list with no way to prioritize the codes most relevant to your audience, and its style and behavior were inconsistent with other dropdowns in the editor.
Now Configure up to 5 preferred country codes in the block's General settings, with the first one acting as the default. Preferred countries appear under Frequently Used at the top of the dropdown, followed by All Countries. The dropdown now opens upward or downward based on available space, closes on ESC, and shows a No results found message when a search doesn't match.
Steps to configure
  1. Drag and drop any Form block onto the canvas.
  2. Within the form, drag and drop the Phone + Code input field.
  3. In the right-side configuration panel, go to General and scroll down to Select Preferred Countries (Max: 5).
  4. Click the dropdown to open the country list. Search for a country using either its country code (for example, 91) or its name (for example, India).
  5. Select up to five preferred countries by checking the box next to each one, then click Apply.
📘Note
When end users view the form, selected countries appear under Frequently Used Countries, while all remaining countries are listed under All Countries. Searching by country name or dial code for Web Message and CPZ forms is planned for a later phase, and search is not supported in AMP Email due to platform constraints.
Configuring preferred country codes for the Phone + Code field
Select up to 5 preferred countries for the Phone + Code field
With this enhancement, you can
  • Surface the country codes most relevant to your audience at the top of the list.
  • Reorder preferred countries and set the first one as the default fallback.
  • Save your preferred country configuration for reuse across future forms.
  • Give subscribers a consistent, easy-to-navigate dropdown across all form blocks.
Enhancement REL-2607-08

Line Height and Letter Spacing Moved to the Style Panel

Line height and letter spacing controls have moved out of the floating text toolbar and into the right-hand Style panel, where they now apply consistently to the entire Heading, Paragraph, or Button block instead of just the selected text.

Before Line height and letter spacing lived in the floating CKEditor toolbar and applied only to the selected portion of text, so a single block could end up with uneven, fragmented spacing.
Now Select a Heading, Paragraph, or Button block, then open the right pane's Style tab to set Line Height and Letter Spacing for the whole block at once. Every change applies uniformly across the block's full text.
Steps to configure
  1. On the canvas, select a Heading, Paragraph, or Button block.
  2. In the right pane, switch to the Style tab.
  3. Under Font Style, use the Line Height dropdown to choose a value (1 through 5, in fixed steps), and the Letter Spacing field to set a value in px (0 to 99).
  4. The entire block updates immediately to reflect your changes.
📘Note
Defaults are Line Height = 1 and Letter Spacing = 0px. These controls are no longer available in the floating toolbar; they apply at the block level only.
Setting Line Height and Letter Spacing from the Style panel
Set Line Height and Letter Spacing for the whole block from the Style panel
With this enhancement, you can
  • Keep spacing consistent across an entire block instead of fixing uneven fragments.
  • Set typography once per block rather than reselecting text repeatedly.
  • Match block-level spacing conventions used by editors like Mailchimp and Klaviyo.
  • Maintain predictable, reusable styling across templates.

May 2026

04 updates
Enhancement REL-2605-01

Flexible Divider Styling

You can now fully customize dividers in the Unified Content Editor, giving you greater control over layout and visual structure.

Before Dividers were limited to a fixed horizontal format with no styling options.
Now Fully customize divider height, width, orientation (horizontal or vertical), and line style — solid, dashed, or dotted.
Steps to configure
  1. On the Drag & Drop editor canvas, drop the Divider block.
  2. On the right pane under General settings, locate Height (px) and Width (px). Edit these values to set divider dimensions.
  3. To create a vertical divider, set Height = 100 and Width = 1. Under Style settings, open Divider style and select a Line type — Solid, Dash, or Dotted.
📘Tip
For horizontal dividers, set a large Width (for example, 600) and a small Height (1–2 px). For vertical dividers, invert the ratio; small Width, larger Height.
Add Height & Width for your Divider
Add Height & Width for your Divider
With this enhancement, you can
  • Create vertical dividers by adjusting height and width.
  • Customize divider dimensions for precise layout control.
  • Choose from styles like solid, dashed, and dotted.
  • Align the divider appearance with your overall design.
Enhancement REL-2605-02

Standardized Mandatory Field Indicator in Forms

Mandatory fields are now more consistent and aligned with industry standards.

Before The asterisk (*) indicating required fields appeared in different colors and could be customized.
Now A consistent red asterisk (*) marks every mandatory field across all forms — no more inconsistent styling.
📘Note
This is available for AMP email, Web message and Content Personalisation channels.
Steps to configure
  1. On the Drag & Drop editor canvas, drop any type of Form.
  2. Observe the red asterisk (*) next to fields that are currently mandatory.
  3. Select a field, then under General settings check or uncheck the Mandatory box to change the field's required state.
Mandatory Fields are now marked in Red
Mandatory Fields are now marked in Red
With this enhancement, you get
  • A consistent red asterisk (*) across all forms.
  • Improved visual clarity for end users.
  • Elimination of inconsistent or incorrect styling.
Enhancement REL-2605-03

Improved Spacer Block Visibility

Spacer blocks now behave as true spacing elements on the canvas.

Before Spacers appeared as visible lines, which could be mistaken for dividers.
Now Spacers render as true blank space on the canvas, exactly matching what your end user will see.
Steps to configure
  1. On the Drag & Drop editor canvas, drop the Spacer block.
  2. Review the visible space. This is exactly the gap your end user will see in the rendered output.
  3. Adjust the Spacer's height from the right pane to fine-tune the gap as needed.
Improved Spacer Block Visibility
Improved Spacer Block Visibility
With this enhancement, you can
  • View spacers as actual blank space.
  • Accurately gauge spacing between elements.
  • Avoid confusion between spacers and dividers.
  • Design layouts with better precision.
Enhancement REL-2605-04

Standardized Font Size Dropdown

Font size selection is now cleaner and more consistent.

Before Font sizes were displayed at their actual sizes, making the dropdown uneven and harder to scan.
Now All font sizes display in a uniform, easy-to-scan list — starting from a clean 10px default.
Standardized Font Size Dropdown
Standardized Font Size Dropdown
With this enhancement, you can
  • Browse font sizes in a uniform, easy-to-read list.
  • Avoid visual inconsistency in the dropdown.
  • Start with a default font size of 10px.
  • Select sizes more efficiently.

April 2026

05 updates
Enhancement REL-2604-01

Smart Repositioning of Dropdowns and Popovers

Dropdowns and popovers now adapt dynamically to available screen space.

Before Menus near the bottom would overflow off-screen and require extra scrolling.
Now Dropdowns and popovers automatically reposition based on viewport — opening upward when space is tight.
Smart Repositioning of Dropdowns and Popovers
Smart Repositioning of Dropdowns and Popovers
With this enhancement, you can
  • See menus automatically open upwards when needed.
  • Access all options without additional scrolling.
  • Experience consistent dropdown behavior.
  • Have menus reposition dynamically based on viewport.
Enhancement REL-2604-02

Improved Element Selection & Layer Visibility

Selecting elements is now more precise, even in complex nested layouts.

Before Overlapping elements made it difficult to select the intended component.
Now Clear dotted outlines reveal each layer and its hierarchy, so you can select exactly the element you want.
Select any Layer with our Improved Block Selection
Select any Layer with our Improved Block Selection
With this enhancement, you can
  • See clear dotted outlines for each selectable element.
  • Understand hierarchy and nesting at a glance.
  • Select elements accurately without errors.
  • Work confidently within complex layouts.
Enhancement REL-2604-03

Improved Image Actions

Image editing actions are now clearer with added tooltips.

Before Icons like Replace, Edit, and Delete lacked hover guidance.
Now Hover tooltips clearly explain every image action, with consistent interaction patterns across the editor.
Replace, Edit or Delete the added image
Replace, Edit or Delete the added image
With this enhancement, you can
  • View tooltips on hover for all image actions.
  • Quickly understand each action's purpose.
  • Experience consistent interaction patterns.
  • Edit images with greater confidence.
New Feature REL-2604-04

Multi-Column Form Layouts (Side-by-Side Fields)

You can now create more compact forms by placing fields side by side.

Before All fields were stacked vertically, increasing form length and friction—especially on mobile.
Now Place up to four fields side by side in a single row to build compact, mobile-friendly forms.
With this feature, you can
  • Arrange up to four fields in a single row.
  • Reduce vertical scrolling and form length.
  • Design mobile-friendly, space-efficient forms.
  • Improve form usability and completion experience.
Feature REL-2604-05

Drag-and-Drop Reordering of Elements

Reordering elements is now faster with drag-and-drop functionality.

Before Moving elements required multiple clicks using the up/down controls.
Now Drag and drop elements freely across header, body, and footer — with real-time placement preview.
Drag & Drop blocks as per your wish
Drag & Drop blocks as per your wish
With this feature, you can
  • Drag and move elements across sections (header, body, footer).
  • Reorder content instantly and intuitively.
  • Preview placement in real time.
  • Build layouts more efficiently.


Did this page help you?