> For the complete documentation index, see [llms.txt](https://help.tempi.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.tempi.vn/cac-thanh-phan-co-ban-tren-tempi/phan-tu/noi-dung-thu-gon.md).

# Nội dung thu gọn

### Cách thêm Nội dung thu gọn[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/noi-dung-thu-gon/#c%C3%A1ch-th%C3%AAm-n%E1%BB%99i-dung-thu-g%E1%BB%8Dn) <a href="#cach-them-noi-dung-thu-gon" id="cach-them-noi-dung-thu-gon"></a>

Tại vị trí mà bạn muốn thêm nội dung thu gọn, kéo phần tử **Nội dung thu gọn** vào bố cục có sẵn. Khi vị trí hiển thị màu xanh (ảnh) thì có nghĩa là bạn có thể đặt phần tử vào vị trí đó.

<div align="center"><img src="https://lh3.googleusercontent.com/afEbjp3juLA10By4PPtUKmyWew8kOjunpSVpTPkyZNVHgUv4oL-f97fuDHVvKydt1XnFIlxf1ffDLwgjq_VAN892Ywss_fm3=rw-w2304" alt="Thêm nội dung thu gọn vào bố cục"></div>

### Cách chỉnh sửa tiêu đề và nội dung cho Nội dung thu gọn[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/noi-dung-thu-gon/#c%C3%A1ch-ch%E1%BB%89nh-s%E1%BB%ADa-ti%C3%AAu-%C4%91%E1%BB%81-v%C3%A0-n%E1%BB%99i-dung-cho-n%E1%BB%99i-dung-thu-g%E1%BB%8Dn) <a href="#cach-chinh-sua-tieu-de-va-noi-dung-cho-noi-dung-thu-gon" id="cach-chinh-sua-tieu-de-va-noi-dung-cho-noi-dung-thu-gon"></a>

Bước 1: Bấm trực tiếp vào phần **Item 1** để chỉnh sửa tiêu đề.

<div align="center"><img src="https://lh3.googleusercontent.com/k--_QQkko5rxoEyr1YrBh2oBPn2z02_LuM6qY718pc7x_xhdbv486peLizj0q2g5etIlak8P2VRdW3Mtz3IH0uoEC670jlk-Fg=rw-w1290" alt="Sửa tiêu đề nội dung thu gọn"></div>

Bước 2: Kéo phần tử bất kỳ vào vị trí có dấu "+" (ảnh minh hoạ) để thêm nội dung cụ thể cho từng Item trong Nội dung thu gọn.

<div align="center"><img src="https://lh3.googleusercontent.com/TRSVlhPaO05VubWK_pzPGdFAD-GfARQpvXMEqzLu2VK1-MC5JZioazLXIrb3mjlmChv4NVNt9qiLlnTQVgvdkU1n0YiF2u5s3w=rw-w3338" alt="Sửa nội dung cho từng Item nội dung thu gọn"></div>

Bước 3: Chỉnh sửa phần tử đã kéo thả trong Item như các phần tử cơ bản khác.

### Cách cài đặt Nội dung thu gọn[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/noi-dung-thu-gon/#c%C3%A1ch-c%C3%A0i-%C4%91%E1%BA%B7t-n%E1%BB%99i-dung-thu-g%E1%BB%8Dn) <a href="#cach-cai-dat-noi-dung-thu-gon" id="cach-cai-dat-noi-dung-thu-gon"></a>

Bấm vào phần tử Nội dung thu gọn để mở thanh cài đặt Nội dung thu gọn.

<div align="center"><img src="https://lh3.googleusercontent.com/2YnA2VGnhR_vuEEX6wh3a1uuLRYyuGM4aVkSSbP-jxRNZO4xiWjvheX4ZGGh27YD_4fX8M0xGVRLpN5DLFuu1QfmNPzOmLB8bw=rw-w1276" alt="Cài đặt nội dung thu gọn"></div>

Hướng dẫn theo thứ tự từ trái qua phải:

**Tuỳ chỉnh nội dung thu gọn**

Danh sách:

* Khoảng thời gian (s): Thời gian nội dung trong Item hiển thị khi bấm vào tiêu đề của Item
* Khoảng cách giữa các mục: Khoảng cách giữa các Item
* Vị trị biểu tượng: Vị trí đặt nút mở nội dung trong Item

Nội dung:

* Căn chỉnh: Điều chỉnh vị trí căn trái/giữa/phải cho nội dung trong Item
* Padding: Điều chỉnh vị trí tuỳ ý cho nội dung trong Item

**Cài đặt Phông chữ, Độ dày phông chữ, Cỡ chữ, Khoảng cách dòng, Khoảng cách chữ cho Tiêu đề trong Item**

**Ảnh nền: Tải ảnh từ thiết bị hoặc dùng đường dẫn ảnh để làm ảnh nền cho Nội dung thu gọn**

**Màu khối**

* Chữ: Cài đặt màu chữ cho Tiêu đề
* Icon: Cài đặt màu của nút mở nội dung trong Item
* Nền: Cài đặt màu nền cho toàn bộ nội dung thu gọn
* Viền: Cài đặt Bo góc và Kiểu viền cho Nội dung thu gọn
* Tuỳ chỉnh kích thước: Cài đặt chiều rộng cho Nội dung thu gọn