Áp dụng các kiểu CSS tùy chỉnh cho Google Forms


7

Các biểu mẫu của Google được trình bày để người dùng nhúng vào trang web của mình dưới dạng iframe, điều đó có nghĩa là chúng không thể được tạo kiểu bởi CSS của chính trang web.

Làm cách nào để Google Form có thể được chèn vào một trang web có kiểu tùy chỉnh bằng cách sử dụng Google Forms "mới"?

Một câu hỏi tương tự tồn tại mà có câu trả lời cho Google Forms kiểu cũ, liên quan đến việc sao chép biểu mẫu HTML nguồn được tạo, tuy nhiên điều này không hoạt động đối với các biểu mẫu mới (bài 2015).

Nếu không có cách nào để làm điều này, vui lòng đề xuất một số cách khác, chẳng hạn như sử dụng Google Apps Script để lưu trữ một trang có thể được tạo kiểu, sau đó được nhúng vào một trang web - hoặc một số giải pháp khác.


Ở dưới cùng của liên kết được giới thiệu, câu trả lời cho câu hỏi được đề cập từ Stack Overflow, nó nói rằng có ba bản cập nhật. Bạn đã đọc những cập nhật đó?
Rubén

Tôi đã kiểm tra ba liên kết. Thứ hai & thứ ba là có liên quan, chỉ có liên kết thứ ba hoạt động. Tôi đã theo sát các bước trong bài viết "chuyển hướng", nhưng nhiều bước đề cập đến các thẻ HTML không tồn tại trong nguồn Biểu mẫu. Cuối cùng khi tôi hoàn thành và thử nghiệm, biểu mẫu gửi và trang đích đã hoạt động, nhưng không có gì được chèn vào Google Sheet.
hazymat

Ngoài ra, để thêm, trang web đó có thiếu ngày đáng ngờ trên bài viết hoặc các ý kiến ​​dưới đây. Cuối cùng, bản demo "cập nhật" mà họ đăng lên dường như được dựa trên các biểu mẫu cũ (trước Freebird), chứ không phải các biểu mẫu kiểu mới.
hazymat

Tôi cũng thấy lạ là các bình luận không có ngày nhưng ý tưởng chính và các bước rộng vẫn được áp dụng, tôi nghĩ: Google Forms yêu cầu tài nguyên bên ngoài để hoạt động như các tệp và thư viện javascript.
Rubén

Câu trả lời:


3

Tại thời điểm này, Google Forms không bao gồm một cách dễ dàng để tùy chỉnh kiểu biểu mẫu 1 . Mặc dù có thể tìm ra cách thực hiện điều này với "Biểu mẫu Google mới", "chủ sở hữu biểu mẫu" nên phân tích mã nguồn biểu mẫu để tìm ra tài nguyên nào được yêu cầu để các tính năng của biểu mẫu hoạt động, như các nút, xác thực, điều hướng nhiều trang, trang xác nhận, v.v., nhưng vì điều này không được Google ghi lại, "giải pháp" có thể ngừng hoạt động bất cứ lúc nào mà không cần thông báo của Google.

Một cách khác là sử dụng Google Apps Script và Dịch vụ HTML để tạo một biểu mẫu web từ đầu phù hợp với giao diện của trang web nơi nó sẽ nhúng.

Ghi chú:

1 : Điều này cũng áp dụng cho:

  1. Thêm tập lệnh phía máy khách
  2. Thêm xác thực phản hồi dựa trên JavaScript gửi trước
  3. Điều hướng biểu mẫu tùy chỉnh, như kết hợp hai giá trị phản hồi để chọn phần tiếp theo.
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.