Accordion

Là phần tử nội dung thể hiện danh sách các tiêu đề nội dung cần chú ý với tính năng click xổ nội dung chi tiết, thường dung trong các tính năng nổi bật hoặc các câu hỏi FAQ...

Tuỳ chỉnh nội dung phần tử Accordion

Tại tab nội dung trong bảng tuỳ chỉnh. Chọn xổ khối nội dung của Accordion để chỉnh sửa. Bạn có thể thêm khối bằng nút thêm màu xanh.

Sau khi xổ nội khối nội dung, bạn có thể tuy chỉnh nội dung tiêu đề và nội dung chi tiết của từng khối nội dung trong Accordion, Liên tục làm tương tự cho các khối nội dung khác.

Bạn cũng có thể xoá khối nội dung khi click vào nút xoá màu đỏ bên dưới

Tuỳ chỉnh thiết kế hiển thị của phần tử Accordion

Chọn sang tab kiểu hiển thị để tuỳ chỉnh thiết kế của phần tử này với khả năng tuỳ chỉnh phong phú được minh hoạ trong hình và bảng sau:

• Tuỳ chỉnh nền: Click mũi tên để hiển thị bảng tuỳ chỉnh nền: Thay các nền màu, gradient, hình ảnh, lớp phủ nền, Leadpage.vn cho phép tuỳ chỉnh cả màu nền khi hover chuột, tuỳ chỉnh bóng của khối nội dung

• Tuỳ chỉnh viền: Các tab nội dung của Accordion sẽ có viền (hình minh hoạ là viền đen và tím) Đây là 2 màu chủ và màu hover của viền trong tab tuỳ chỉnh viền. Tuỳ chỉnh viền còn có tuỳ chỉnh độ bo tròn, kiểu viền, độ rộng viền. Mỗi thiết kế khác nhau sẽ có các bố cục viền khác nhau

• Tuỳ chỉnh tiêu đề: Cho phép thay đổi màu chữ, căn lề, nền, khoảng cách của tiêu đề

• Tuỳ chỉnh nội dung mô tả: Cho phép thay đổi màu chữ, căn lề, nền, khoảng cách của nội dung

• Tuỳ chỉnh nút: Tuỳ vào mẫu Accordion sẽ có các mẫu có nút, cho phép tuỳ chỉnh thiết kế của nút

• Tuỳ chỉnh khoảng cách: Khoảng cách padding và margin của toàn bộ phần tử Accordion so với các phần tử khác

• Tuỳ chỉnh hiệu ứng: Do có thao tác click chuột xổ nội dung chi tiết. tuỳ chỉnh hiệu ứng cho phép bạn chọn cách hiển nội dung sau khi click chuột