it-swarm.com.de

Wenden Sie benutzerdefinierte CSS-Stile auf Google Forms an

Google-Formulare werden dem Benutzer zur Einbettung in seine Website als Iframe angezeigt. Dies bedeutet, dass sie nicht durch das eigene CSS der Website gestaltet werden können.

Wie kann ein Google Form mithilfe von "neuen" Google Forms in eine Website mit einem benutzerdefinierten Stil eingefügt werden?

Es gibt ein ähnliches Frage , für das es eine Antwort für das alte Google Forms-Format gibt, bei dem das generierte Quell-HTML-Formular kopiert wird. Dies funktioniert jedoch nicht für neue Formulare (nach 2015).

Wenn dies nicht möglich ist, schlagen Sie eine Alternative vor, z. B. die Verwendung von Google Apps Script zum Hosten einer Seite, die formatiert und dann in eine Website eingebettet werden kann, oder eine andere Lösung.

7
hazymat

Derzeit bietet Google Forms keine einfache Möglichkeit, den Formularstil anzupassen1. Während es möglich ist, herauszufinden, wie dies mit "den neuen Google Forms" geschehen könnte, sollte der "Formulareigentümer" den Formularquellcode analysieren, um herauszufinden, welche Ressourcen erforderlich sind, damit die Formularfunktionen funktionieren, wie z. B. die Schaltflächen, die Validierung, Mehrseitige Navigation, Bestätigungsseite usw., aber da dies nicht von Google dokumentiert ist, kann "die Lösung" jederzeit ohne Google-Benachrichtigung nicht mehr funktionieren.

Eine Alternative besteht darin, Google Apps Script und den HTML-Dienst zu verwenden, um ein Webformular von Grund auf neu zu erstellen, das dem Erscheinungsbild der Site entspricht, auf der es eingebettet wird.

Anmerkungen:

1: Das gilt auch für:

  1. Clientseitiges Skript hinzufügen
  2. Hinzufügen einer JavaScript-basierten Antwortüberprüfung vor dem Einreichen
  3. Benutzerdefinierte Formularnavigation, z. B. Kombinieren von zwei Antwortwerten, um den nächsten Abschnitt auszuwählen.
3
Rubén