H-List, V-List
Hướng dẫn sử dụng Pango Element đặc biệt trên hệ thống PangoCDP
Last updated
Was this helpful?
Hướng dẫn sử dụng Pango Element đặc biệt trên hệ thống PangoCDP
Last updated
Was this helpful?
H-List Element được sử dụng để tạo ra các danh sách theo chiều ngang, hiển thị thông tin dưới dạng hình ảnh và mô tả. Element này cho phép người dùng chọn một hoặc nhiều mục từ danh sách, rất phù hợp cho các trường hợp cần tương tác trực quan như hiển thị sản phẩm, dịch vụ, hoặc các lựa chọn đặt hàng.
Khi nào nên sử dụng:
Khi bạn muốn hiển thị các mục dưới dạng danh sách có hình ảnh minh họa và mô tả ngắn, giúp người dùng dễ dàng lựa chọn.
Phù hợp với các trường hợp hiển thị danh sách sản phẩm, chẳng hạn như cho phép người dùng chọn món ăn, thức uống, hoặc sản phẩm để đặt hàng.
Ví dụ sử dụng:
Danh sách sản phẩm: Hiển thị các sản phẩm mà người dùng có thể chọn để đặt hàng trực tuyến.
Menu thức uống: Cung cấp danh sách đồ uống với hình ảnh và mô tả, cho phép người dùng dễ dàng chọn món và đặt hàng.
Danh sách dịch vụ: Hiển thị các lựa chọn dịch vụ với thông tin kèm theo để người dùng chọn và đặt dịch vụ phù hợp.
Giống như các element khác, H-List Element có các thuộc tính như label và required (hiển thị theo điều kiện). Ngoài ra, element này còn có các thuộc tính sau:
Setting: Truy cập vào đây để cài đặt danh sách.
Required: Người dùng cần hoàn thành.
+ Add: Nhấp để thêm mục mới.
Title: Tên của item.
Sub Title: Mô tả thêm cho item (ví dụ: giá).
Value: Giá trị sẽ được lưu cho hệ thống.
Photo: Hiển thị hình ảnh (upload lên hệ thống hoặc dán link).
Multi Select: Yes để cho phép chọn nhiều, No để chỉ chọn 1.
Selected result: Để set mặt định lựa chọn sẽ hiển thị, User có thể đổi.
V-List Element được sử dụng tương tự như H-List Element, nhưng khác biệt ở chỗ hiển thị danh sách theo chiều dọc thay vì chiều ngang. Element này giúp người dùng chọn một hoặc nhiều mục từ danh sách có hình ảnh và mô tả.
Khi nào nên sử dụng:
Khi bạn muốn hiển thị các mục dưới dạng danh sách dọc, phù hợp với màn hình dài hoặc khi có nhiều nội dung cần hiển thị.
Phù hợp cho các trường hợp cần danh sách dễ cuộn theo chiều dọc như menu sản phẩm, dịch vụ, hoặc danh sách sự kiện.
Ví dụ sử dụng:
Danh sách sản phẩm: Hiển thị sản phẩm mà người dùng có thể lựa chọn để mua hoặc đặt hàng.
Danh sách dịch vụ: Cung cấp lựa chọn các dịch vụ mà người dùng có thể đặt lịch hoặc đăng ký.
Danh sách sự kiện: Hiển thị các sự kiện hoặc chương trình mà người dùng có thể chọn tham gia.
Ngoài các thuộc tính chung như label và required (hiển thị theo điều kiện), element này còn có các thuộc tính tương tự H-List:
Setting: Truy cập vào đây để cài đặt danh sách.
Required: Người dùng cần hoàn thành.
+ Add: Nhấp để thêm mục mới.
Title: Tên của item.
Sub Title: Mô tả thêm cho item (ví dụ: giá).
Value: Giá trị sẽ được lưu cho hệ thống.
Photo: Hiển thị hình ảnh (upload lên hệ thống hoặc dán link).
Multi Select: Yes để cho phép chọn nhiều, No để chỉ chọn 1.
Selected result: Để set mặt định lựa chọn sẽ hiển thị, User có thể đổi.
