Cấu hình

Layout modes

Workbench block hỗ trợ hai chế độ hiển thị:

Mode	Mô tả	Phù hợp cho
Grid	Lưới icon, nhiều cột	Mobile home screen, dashboard
List	Danh sách hàng ngang	Desktop sidebar, menu nhanh

Chuyển đổi qua Settings → Layout → chọn Grid hoặc List.

Cấu hình Grid

Setting	Mô tả	Mặc định
Columns	Số cột trong lưới	4
Icon size	Kích thước icon action	Medium
Show label	Hiển thị label dưới icon	true

Trên mobile, số cột tự động giảm để phù hợp màn hình nhỏ.

QR Scanner config

Action QR Scanner sử dụng thư viện html5-qrcode:

• Camera: Tự động sử dụng camera sau trên mobile, webcam trên desktop.
• Format hỗ trợ: QR Code, Code 128, Code 39, EAN-13, UPC-A, và nhiều format barcode khác.
• Callback: Khi scan thành công, hàm onScan(decodedText) được gọi — admin cấu hình hành vi xử lý.

Hành vi sau scan

Hành vi	Mô tả
Navigate	Chuyển đến URL trong mã QR
API call	Gửi giá trị scan đến API endpoint
Display	Hiển thị kết quả scan trong popup

Action Settings

Mỗi action type có Settings panel riêng (WorkbenchActionSettings):

Popup settings

• Chọn popup type: Modal hoặc Drawer
• Cấu hình kích thước popup
• Thêm block/form vào bên trong popup

Link settings

• Nhập URL đích (nội bộ hoặc bên ngoài)
• Chọn mở trong tab mới hay tab hiện tại

Custom Request settings

• Cấu hình URL, method, headers, body
• Chọn hiển thị thông báo sau khi request hoàn tất