Thông báo và hộp xác nhận

Kiểu → Thông báo & hộp thoại (en: Style → Toasts & dialogs).

Có hai thứ khách thấy trên trang mà bạn không bao giờ kéo thả vào: dòng thông báo nhỏ trượt ra ở góc màn hình (toast) — "Đã thêm vào giỏ hàng", "Hết hàng" — và hộp xác nhận hiện giữa màn hình khi khách sắp làm một việc cần hỏi lại, như xoá một sản phẩm khỏi giỏ. Trang tự dựng hai thứ này lúc cần, nên chúng không nằm trên canvas và không có trong cây Lớp. Chỗ chỉnh chúng là đây.

Không chỉnh gì thì chúng theo trang

Điều đáng biết trước tiên: để trống mọi ô cũng đã ổn. Nền, màu tiêu đề, màu chữ và nút chính của cả hai lấy từ bảng màu của trang (nền, tiêu đề, chữ, nền nút, chữ nút); chữ dùng phông của kiểu Text 1. Trang có chế độ tối thì chúng tối theo. Nên một cửa hàng nền kem, chữ nâu, nút cam sẽ có thông báo nền kem, chữ nâu, nút cam — không phải cái hộp trắng xám của ai đó khác.

Mỗi ô trong mục này chỉ để đè lên cái mặc định đó. Ô chưa đặt hiện màu nó đang dùng ở dạng mờ, nên nhìn là biết cái gì bạn chọn, cái gì đang kế thừa. Bấm × là bỏ lựa chọn, ô quay về theo trang.

Riêng màu của loại thông báo — xanh cho thành công, đỏ cho lỗi, cam cho cảnh báo — thì không đổi, và là cố ý: khách đọc được "lỗi" từ màu trước khi đọc chữ, và một thông báo lỗi màu cam của thương hiệu thì trông như một lời chào.

Những gì chỉnh được

• Thông báo (toast): vị trí trên màn hình (bốn góc, hoặc chính giữa phía trên hay phía dưới), nền, màu tiêu đề, màu nội dung, bo góc.
• Hộp xác nhận: nền, màu tiêu đề, màu nội dung, nền và chữ của nút chính, lớp phủ tối phía sau hộp, bo góc của hộp và của nút.

Đặt bo góc nút thật lớn là ra nút tròn hai đầu, khớp với nút bấm trên trang nếu nút của bạn cũng tròn.

Bấm Xem thử để thấy cái thật

Mỗi nhóm có nút Xem thử. Nó không vẽ lại một bản minh hoạ — nó gọi đúng thông báo và hộp xác nhận mà trang sẽ hiện cho khách, với đúng những gì bạn vừa chỉnh, đè lên màn hình. Thứ bạn thấy ở đây là thứ khách thấy sau khi xuất bản. Hộp xác nhận đóng khi bấm nút, bấm ra ngoài hoặc nhấn Esc.

Mỗi khổ màn hình chỉnh riêng

Ô Màn hình ở đầu mục chọn bạn đang sửa cho khổ nào, theo đúng quy tắc ở Sửa riêng cho điện thoại: đặt ở máy tính là có hiệu lực xuống mọi khổ nhỏ hơn, cho tới khi một khổ nói khác đi. Dòng nào đang được đặt riêng cho khổ hiện tại có một chấm nhỏ cạnh tên — bấm chấm là bỏ, dòng đó quay về kế thừa. Nút ↺ trên dải báo khổ bỏ hết một lượt.

Trường hợp hay dùng nhất là vị trí: trên máy tính để thông báo ở góc trên bên phải, trên điện thoại chuyển xuống chính giữa phía dưới, nơi ngón cái với tới và không che thanh tiêu đề.

Nút Xem thử hiện theo khổ đang chọn ở đây, không theo khổ đang mở trên canvas.