Generelle Einstellungen
Um ein Formular mit Sitecore Forms im Stile des Corporate Internet aufzubauen, muss man auf das Formular die CSS-Klasse "contact-form" setzen.
Will man zusätzlich, dass dem User bei verlangsamtem Versand des Formulars die Buttons mit einem "Wartewirbel" aka Spinner animiert werden, muss man die CSS-Klasse "form--show-spinner" zusätzlich auf das Formular schreiben.
*Screenshot Backend Form Settings:
Hinweis: Man kann auch den Hintergrund eines Formulars einfärben, entweder durch die Verwendung einer Container-Komponente, in die man das Formular einsetzt oder direkt über das Schreiben verschiedener CSS-Klassen auf das Formular.
Folgende Hintergrundfarben sind möglich:
| Farbe | CSS-Klasse |
|---|---|
| Black | bg—-black |
| Dark Grey | bg—darkgrey |
| Grey | bg--grey |
| Lilac | bg--lilac |
| Red | bg—-red |
| Violet | bg--violet |
| Yellow | bg--yellow |
Hinweis: Bei der Hintergrundfarbe Violet wird die Schrift aktuell noch in Schwarz angezeigt, was die Lesbarkeit einschränkt.