Logos und Kundenbereich-CSS
Inhaltsverzeichnis
Für einen erhöhten Wiedererkennungswert und gestärktes Vertrauen in Ihre Formulare statten Sie diese mit Ihrem Logo aus.
Auch den Kundenbereich können Sie mit Ihrem Logo und eigener Formatierung durch CSS gestalten.
Die Anpassung der Bürgersicht-Darstellung mit CSS finden Sie im Formulareditor. Zum Artikel: CSS Einstellungen Bürgersicht.
Voraussetzungen
Benutzerrecht: "Layout verwalten"
Anpassen von Logos
Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details
In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS
Logo hinzufügen oder austauschen
- Logodatei nach den unten stehenden Vorgaben für den jeweiligen Bereich vorbereiten
- zum Absatz mit dem Datei-Hochladen-Feld des jeweiligen Logos navigieren
- Schaltfläche Logo auswählen/neues Logo auswählen anklicken
- im Datei-öffnen-Dialogfeld die vorbereitete Datei auswählen und öffnen
- Schaltfläche Speichern unterhalb der Mandanteneinstellungen anklicken
- Die Seite lädt neu.
Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant Mandantenname (Mandantennummer) wurde gespeichert." - das neue Logo wird jetzt in den Mandantendetails und im jeweiligen Bereich angezeigt
Logo entfernen
- zum Datei-Hochladen-Feld des jeweiligen Logos navigieren
- Schaltfläche Logo löschen (Mülleimersymbol) anklicken
- Abfragedialog mit der Löschen-Schaltfläche bestätigen
- Das Logo ist entfernt.
Verschiedene Logos und ihre Platzierung
Bezeichnung | optimale Bildgröße in Pixeln BxH | Dateiformate | |
---|---|---|---|
1 | Logo für PDF-Formulare | 140 x 520 (maximal) | JPEG/JPG |
2 | Logo für den Kundenbereich | 110 x 46 | JPEG/JPG, PNG |
3 | Logo für Assistenten | 228 x 90 (maximal) | JPEG/JPG, PNG |
4 | Logo für den Identitätsbereich | 750 x 90 (maximal) | JPEG/JPG, PNG |
5 | Logo für das SB-Terminal | 200 x 90 | PNG |
Dateigröße: maximal 2 MB
Abweichungen von den empfohlenen Bildmaßen können zu ungewollten Skalierungen und Verzerrungen führen.
![]() | ![]() | ![]() | ![]() |
Kundenbereich | Bürgersicht | PDF-Formular | generiertes PDF-Formular |
Anpassen von CSS
CSS Anweisungen können direkt in den Mandantendetails eingegeben werden oder aus einer extern abgelegten CSS-Datei abgerufen werden.
CSS-Datei einbinden
Die Datei muss für den Formularserver zugänglich im Internet verfügbar sein.
Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details
In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS
- zum Feld URL des externen CSS navigieren
- Internetadresse eingeben, unter der die CSS-Datei erreichbar ist
- Schaltfläche Speichern unterhalb der Mandanteneinstellungen anklicken
- Die Seite lädt neu.
Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant Mandantenname (Mandantennummer) wurde gespeichert." - Der Kundenbereich ist jetzt nach den CSS-Anweisungen gestaltet.
CSS-Code eingeben
Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details
In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS
- zum Feld CSS-Code navigieren
- Gestaltungsanweisungen in das Feld eingeben
zum Beispiel: body { color: #cc1216 !important; } - Schaltfläche Speichern unterhalb der Mandanteneinstellungen anklicken
- Die Seite lädt neu.
Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant Mandantenname (Mandantennummer) wurde gespeichert." - Der Kundenbereich ist jetzt nach den CSS-Anweisungen gestaltet.