# Thao tác sắp xếp

### 1. Mục tiêu

Thay vì phải kéo thả trực tiếp trên giao diện thiết kế (vốn dễ dẫn đến sai sót hoặc lệch vị trí), việc thực hiện sắp xếp ngay tại bảng Layer giúp bạn kiểm soát cấu trúc trang với độ chính xác 100%. Mục tiêu chính là quản lý thứ tự hiển thị và mối quan hệ giữa các khối nội dung một cách khoa học.

### 2. Thay đổi thứ tự hiển thị (Lên/Xuống)

Thao tác này quyết định thành phần nào xuất hiện trước hoặc sau trong cùng một khu vực:

* Bước 1: Chọn và giữ thành phần bạn muốn di chuyển trong bảng Layer.
* Bước 2: Kéo lên trên hoặc xuống dưới trong cùng một cấp độ.
* Kết quả: Thành phần nằm trên trong danh sách Layer sẽ hiển thị phía trên (hoặc đứng trước) trong giao diện thực tế của Landing Page.

### 3. Thay đổi cấp độ (Vào trong/Ra ngoài)

Đây là cách để bạn thiết lập hoặc thay đổi mối quan hệ Cha - Con giữa các thành phần:

* Thao tác: Kéo một thành phần (ví dụ: một button-link) và thả vào trong một Container hoặc Module khác.
* Kết quả: Thành phần đó sẽ trở thành thành phần con của khối mới và nằm thụt lề vào bên phải trong bảng Layer.
* Ứng dụng: Cực kỳ hữu ích khi bạn muốn nhóm các đoạn văn bản (Paragraph) vào chung một khối (Container) để dễ dàng quản lý lề (Margin/Padding) cho cả nhóm.

### 4. Lưu ý quan trọng

* Di chuyển khối cha: Khi bạn di chuyển một khối cha (như Module hoặc Section), tất cả các thành phần con bên trong sẽ tự động đi theo mà không làm thay đổi cấu trúc nội bộ.
* Kiểm tra thụt lề: Luôn quan sát mức độ thụt lề trong bảng Layer để đảm bảo bạn không thả nhầm thành phần vào sai khối cha, gây ảnh hưởng đến Layout tổng thể.
* Độ chính xác: Luôn ưu tiên sắp xếp trong bảng Layer đối với các thành phần nhỏ hoặc nằm chồng lấp lên nhau để tránh việc chọn nhầm đối tượng trên màn hình thiết kế chính.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/layer/thao-tac-sap-xep.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.