Structure

When a page has many elements, click the button on the toolbar to open the Structure panel. It displays the hierarchical relationship of all elements on the current page in a tree structure, making it easy to quickly locate, edit, duplicate, or reorder elements.

Hierarchy

Page elements are organized in three layers: Section → Row → Column:

Section
└── Row
    ├── Column
    ├── Column
    └── Column

• Section — The outermost container; can contain multiple Rows
• Row — A row container inside a Section; can contain multiple Columns
• Column — A column container inside a Row; used to hold specific content elements

Click the arrow before an element name to expand or collapse its child elements.

Action Buttons

Each element provides the following actions on the right:

Icon	Name	Description
	Edit	Open the element's edit panel
	Add	Add a sibling or child element within the element
	Duplicate	Duplicate the element (including all its children)
	Delete	Delete the element and all its children
	Save	Save the element as a custom template for reuse on other pages
	Drag	Drag to reorder the element among its siblings

Deletion is irreversible

Delete removes the element along with its children; please confirm before operating.

Element Name

Sections support renaming: click a Section's name to edit it, enter the new name and press Enter or click outside to confirm.

Other Actions

• Locate element: Click any element name to automatically locate and highlight that element on the page.
• Close panel: Click the button in the upper-right corner of the panel's title bar.