Steps to move a component

TL;DR / Overview

Need to reorder content or restructure your layout? Nilead’s Visual Editor lets you move components precisely where they need to go using simple menu controls—no need to drag and drop manually.

Prerequisites

• Logged into your Nilead account

• Edit access to the current page

• Visual Editor is open

• The component you want to move is already on the page

Walkthrough

Step 1: Launch the Visual Editor

Open the Visual Editor for the page where the component currently exists.

Step 2: Select the Component

Hover over the component or section you want to move. Click the 3-dot menu (•••) that appears on the element’s hover toolbar.

Step 3: Choose the “Move” Action

From the dropdown menu, select the Move option. This will open movement controls.

Step 4: Select a Movement Option

You can choose to:

• Move Up

• Move Down

• Move Before/After another element

• Move Inside another section (if compatible)

These options ensure precise placement within the content hierarchy.

Step 5: Wait for the Preview to Update

After selecting a movement, the Visual Editor will refresh the preview area to reflect the change. This usually takes a few seconds.

💡 Tip: For complex layouts, it's best to move components in smaller steps and double-check their new position visually.

FAQs

1. Can I drag and drop components manually instead?
Not currently. Nilead uses structured placement via menu commands to maintain clean layouts and hierarchy.

2. What if the Move option is grayed out?
The element may be restricted from moving (e.g., nested in a fixed layout). Try copying it and pasting it elsewhere instead.

3. Can I move multiple elements at once?
No, only one element can be moved at a time. You can wrap elements in a container and move that container.

4. Will moving a component break linked styles or interactions?
No. All associated styles, interactions, and conditions stay attached to the element unless explicitly removed.