Tabs
Tabs chia má»™t phần mà n hình thà nh các bảng ná»™i dung có thể chuyển đổi — ngÆ°á»i dùng nhấn và o tiêu Ä‘á» tab và bảng bên dÆ°á»›i cáºp nháºt tÆ°Æ¡ng ứng.
Thêm, xóa và chá»n tab
Mỗi tab gồm hai phần
- Tab header — nhãn có thể nhấn (Tab 1, Tab 2, v.v.).
- Tab content — má»™t container cho má»—i tab. Bất cứ thứ gì bạn đặt trong container ná»™i dung sẽ hiển thị khi tab đó được chá»n.
Nhấn Add tab để thêm tab mới. Mỗi tab mới sẽ có một container nội dung tương ứng.
Äể đặt má»™t tab cụ thể là active khi mà n hình xuất hiện lần đầu, báºt Selected by default.
Tùy chỉnh giao diện tab
Templates
Flow Builder cung cấp ba template tab có sẵn:
- Segment control — bá»™ chuyển đổi hình viên thuốc vá»›i góc bo tròn quanh tab Ä‘ang được chá»n.
- Button Tabs — các tab được tạo kiểu như nút bấm riêng biệt.
- Underline — nhãn văn bản có gạch chân đánh dấu tab Ä‘ang được chá»n.
Trạng thái tab
Má»—i tab riêng lẻ có bá»™ chuyển đổi trạng thái (Default / Selected) để tùy chỉnh trạng thái Ä‘ang active và không active riêng biệt — kiểu chữ, mà u sắc, ná»n và viá»n theo từng trạng thái.
Selectable group
Tabs là má»™t selectable group chá»n má»™t — đúng má»™t tab được active tại má»™t thá»i Ä‘iểm. Quản lý nhóm từ bảng Screen settings, trong mục Selectable groups.
Nhóm cung cấp hai biến:
tabs.selectedOptionId— ID của tab Ä‘ang được chá»n. Dùng trong các Ä‘iá»u kiện.tabs.selectedOptionTitle— nhãn của tab Ä‘ang được chá»n. Dùng trong văn bản Ä‘á»™ng.
Thay tabs bằng Group ID tùy chỉnh của bạn nếu bạn đã đổi tên nhóm.
Xem Selectable elements and groups để có cái nhìn toà n diện hơn.