Logos und Kundenbereich-CSS

1

(% class="box floatinginfobox" %)

2

(((

3

**Inhaltsverzeichnis**

)))

Für einen erhöhten Wiedererkennungswert und gestärktes Vertrauen in Ihre **Formulare** statten Sie diese mit Ihrem Logo aus.

9

Auch den **Kundenbereich** können Sie mit Ihrem Logo und eigener Formatierung durch CSS gestalten.

10

11

Die Anpassung der Bürgersicht-Darstellung mit CSS finden Sie im Formulareditor. Zum Artikel: [[CSS Einstellungen Bürgersicht>>doc:Main.05_Assistenten.09_CSSEinstellungen.WebHome]].

12

13

== Voraussetzungen ==

14

15

Benutzerrecht: "Layout verwalten"

16

17

== Anpassen von Logos ==

18

19

Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details

20

In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS

21

22

=== Logo hinzufügen oder austauschen ===

23

24

1. Logodatei nach den unten stehenden Vorgaben für den jeweiligen Bereich vorbereiten

25

1. zum Absatz mit dem Datei-Hochladen-Feld des jeweiligen Logos navigieren

26

1. Schaltfläche **Logo auswählen/neues Logo auswählen** anklicken

27

1. im Datei-öffnen-Dialogfeld die vorbereitete **Datei auswählen** und öffnen

28

1. Schaltfläche **Speichern **unterhalb der Mandanteneinstellungen anklicken

29

1. Die Seite lädt neu.

30

Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant //Mandantenname (Mandantennummer) //wurde gespeichert."

31

1. das neue Logo wird jetzt in den Mandantendetails und im jeweiligen Bereich angezeigt

32

33

=== Logo entfernen ===

34

35

1. zum Datei-Hochladen-Feld des jeweiligen Logos navigieren

36

1. Schaltfläche **Logo löschen** (Mülleimersymbol) anklicken

37

1. Abfragedialog mit der **Löschen**-Schaltfläche bestätigen

38

1. Das Logo ist entfernt.

== Verschiedene Logos und ihre Platzierung ==

43

44

|= |=Bezeichnung|=optimale Bildgröße in Pixeln BxH|=Dateiformate

45

|=1|Logo für PDF-Formulare|140 x 520 (maximal)|JPEG/JPG

46

|=2|Logo für den Kundenbereich|110 x 46|JPEG/JPG, PNG

47

|=3|Logo für Assistenten|228 x 90 (maximal)|JPEG/JPG, PNG

48

|=4|Logo für den Identitätsbereich|750 x 90 (maximal)|JPEG/JPG, PNG

49

|=5|Logo für das SB-Terminal|200 x 90|PNG

50

51

Dateigröße: maximal 2 MB

52

Abweichungen von den empfohlenen Bildmaßen können zu ungewollten Skalierungen und Verzerrungen führen.

53

54

55

(% cellspacing="0" style="border-collapse:collapse; border:0; width:100%" %)

56

|(% style="border-top:none" %)[[image:schema für logos_Kundenbereich.png||alt="Logo 2, Platzierung Kundenbereich" height="300" width="536"]]|(% style="border-top:none" %)[[image:schema für logos_Buergersicht.png||alt="Logo 3/4, Platzierung Bürgersicht" height="300" width="536"]]|(% style="border-top:none" %)[[image:schema für logos_PDF.png||alt="Logo 1, Platzierung PDF-Formular" height="300" width="212"]]|(% style="border-top:none" %)[[image:schema für logos_generiertes PDF.png||alt="Logo 3/4, Platzierung generiertes PDF-Formular" height="300" width="212"]]

57

|(% style="border-top:1px solid #000000" %)//Kundenbereich//|(% style="border-top:1px solid #000000" %)//Bürgersicht//|(% style="border-top:1px solid #000000" %)//PDF-Formular//|(% style="border-top:1px solid #000000" %)//generiertes PDF-Formular//

== Logo in PDF-Formular Kundenfassung einbinden ==

62

63

In den Formularen des MACH formsolutions Verlagssortiments wird Ihr Mandantenlogo angezeigt. Siehe **1 - Logo für PDF-Formulare**.

64

Um Ihr Logo auch in **eigenen PDF-Formularen** (Kundenfassungen) automatisch einzubinden, erstellen Sie ein Feld mit diesen Eigenschaften:

* Textfeld

* Name: "Logo_Image"

* schreibgeschützt

== Anpassen des Kundenbereichs mit CSS ==

73

74

CSS Anweisungen für den Kundenbereich können direkt in den Mandantendetails eingegeben werden oder aus einer extern abgelegten CSS-Datei abgerufen werden.

75

76

=== CSS-Datei einbinden ===

77

78

Die Datei muss für den Formularserver zugänglich im Internet verfügbar sein.

79

80

Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details

81

In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS

82

83

1. zum Feld **URL des externen CSS** navigieren

84

1. Internetadresse eingeben, unter der die CSS-Datei erreichbar ist

85

1. Schaltfläche **Speichern **unterhalb der Mandanteneinstellungen anklicken

86

1. Die Seite lädt neu.

87

Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant //Mandantenname (Mandantennummer) //wurde gespeichert."

88

1. Der Kundenbereich ist jetzt nach den CSS-Anweisungen gestaltet.

=== CSS-Code eingeben ===

93

94

Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details

95

In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS

96

97

1. zum Feld **CSS-Code** navigieren

98

1. Gestaltungsanweisungen in das Feld eingeben

99

zum Beispiel: {{code language="CSS"}}body { color: #cc1216 !important; }{{/code}}

100

1. Schaltfläche **Speichern **unterhalb der Mandanteneinstellungen anklicken

101

1. Die Seite lädt neu.

102

Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant //Mandantenname (Mandantennummer) //wurde gespeichert."

103

1. Der Kundenbereich ist jetzt nach den CSS-Anweisungen gestaltet.

author	version	line-number	content
		1	(% class="box floatinginfobox" %)
		2	(((
		3	Inhaltsverzeichnis
		4
		5	{{toc start="2"/}}
		6	)))
		7
		8	Für einen erhöhten Wiedererkennungswert und gestärktes Vertrauen in Ihre Formulare statten Sie diese mit Ihrem Logo aus.
		9	Auch den Kundenbereich können Sie mit Ihrem Logo und eigener Formatierung durch CSS gestalten.
		10
		11	Die Anpassung der Bürgersicht-Darstellung mit CSS finden Sie im Formulareditor. Zum Artikel: [[CSS Einstellungen Bürgersicht>>doc:Main.05_Assistenten.09_CSSEinstellungen.WebHome]].
		12
		13	== Voraussetzungen ==
		14
		15	Benutzerrecht: "Layout verwalten"
		16
		17	== Anpassen von Logos ==
		18
		19	Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details
		20	In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS
		21
		22	=== Logo hinzufügen oder austauschen ===
		23
		24	1. Logodatei nach den unten stehenden Vorgaben für den jeweiligen Bereich vorbereiten
		25	1. zum Absatz mit dem Datei-Hochladen-Feld des jeweiligen Logos navigieren
		26	1. Schaltfläche Logo auswählen/neues Logo auswählen anklicken
		27	1. im Datei-öffnen-Dialogfeld die vorbereitete Datei auswählen und öffnen
		28	1. Schaltfläche Speichern unterhalb der Mandanteneinstellungen anklicken
		29	1. Die Seite lädt neu.
		30	Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant //Mandantenname (Mandantennummer) //wurde gespeichert."
		31	1. das neue Logo wird jetzt in den Mandantendetails und im jeweiligen Bereich angezeigt
		32
		33	=== Logo entfernen ===
		34
		35	1. zum Datei-Hochladen-Feld des jeweiligen Logos navigieren
		36	1. Schaltfläche Logo löschen (Mülleimersymbol) anklicken
		37	1. Abfragedialog mit der Löschen-Schaltfläche bestätigen
		38	1. Das Logo ist entfernt.
		39
		40
		41
		42	== Verschiedene Logos und ihre Platzierung ==
		43
		44	\|= \|=Bezeichnung\|=optimale Bildgröße in Pixeln BxH\|=Dateiformate
		45	\|=1\|Logo für PDF-Formulare\|140 x 520 (maximal)\|JPEG/JPG
		46	\|=2\|Logo für den Kundenbereich\|110 x 46\|JPEG/JPG, PNG
		47	\|=3\|Logo für Assistenten\|228 x 90 (maximal)\|JPEG/JPG, PNG
		48	\|=4\|Logo für den Identitätsbereich\|750 x 90 (maximal)\|JPEG/JPG, PNG
		49	\|=5\|Logo für das SB-Terminal\|200 x 90\|PNG
		50
		51	Dateigröße: maximal 2 MB
		52	Abweichungen von den empfohlenen Bildmaßen können zu ungewollten Skalierungen und Verzerrungen führen.
		53
		54
		55	(% cellspacing="0" style="border-collapse:collapse; border:0; width:100%" %)
		56	\|(% style="border-top:none" %)[[image:schema für logos_Kundenbereich.png\|\|alt="Logo 2, Platzierung Kundenbereich" height="300" width="536"]]\|(% style="border-top:none" %)[[image:schema für logos_Buergersicht.png\|\|alt="Logo 3/4, Platzierung Bürgersicht" height="300" width="536"]]\|(% style="border-top:none" %)[[image:schema für logos_PDF.png\|\|alt="Logo 1, Platzierung PDF-Formular" height="300" width="212"]]\|(% style="border-top:none" %)[[image:schema für logos_generiertes PDF.png\|\|alt="Logo 3/4, Platzierung generiertes PDF-Formular" height="300" width="212"]]
		57	\|(% style="border-top:1px solid #000000" %)//Kundenbereich//\|(% style="border-top:1px solid #000000" %)//Bürgersicht//\|(% style="border-top:1px solid #000000" %)//PDF-Formular//\|(% style="border-top:1px solid #000000" %)//generiertes PDF-Formular//
		58
		59
		60
		61	== Logo in PDF-Formular Kundenfassung einbinden ==
		62
		63	In den Formularen des MACH formsolutions Verlagssortiments wird Ihr Mandantenlogo angezeigt. Siehe 1 - Logo für PDF-Formulare.
		64	Um Ihr Logo auch in eigenen PDF-Formularen (Kundenfassungen) automatisch einzubinden, erstellen Sie ein Feld mit diesen Eigenschaften:
		65
		66	* Textfeld
		67	* Name: "Logo_Image"
		68	* schreibgeschützt
		69
		70
		71
		72	== Anpassen des Kundenbereichs mit CSS ==
		73
		74	CSS Anweisungen für den Kundenbereich können direkt in den Mandantendetails eingegeben werden oder aus einer extern abgelegten CSS-Datei abgerufen werden.
		75
		76	=== CSS-Datei einbinden ===
		77
		78	Die Datei muss für den Formularserver zugänglich im Internet verfügbar sein.
		79
		80	Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details
		81	In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS
		82
		83	1. zum Feld URL des externen CSS navigieren
		84	1. Internetadresse eingeben, unter der die CSS-Datei erreichbar ist
		85	1. Schaltfläche Speichern unterhalb der Mandanteneinstellungen anklicken
		86	1. Die Seite lädt neu.
		87	Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant //Mandantenname (Mandantennummer) //wurde gespeichert."
		88	1. Der Kundenbereich ist jetzt nach den CSS-Anweisungen gestaltet.
		89
		90
		91
		92	=== CSS-Code eingeben ===
		93
		94	Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details
		95	In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS
		96
		97	1. zum Feld CSS-Code navigieren
		98	1. Gestaltungsanweisungen in das Feld eingeben
		99	zum Beispiel: {{code language="CSS"}}body { color: #cc1216 !important; }{{/code}}
		100	1. Schaltfläche Speichern unterhalb der Mandanteneinstellungen anklicken
		101	1. Die Seite lädt neu.
		102	Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant //Mandantenname (Mandantennummer) //wurde gespeichert."
		103	1. Der Kundenbereich ist jetzt nach den CSS-Anweisungen gestaltet.

Wiki-Quellcode von Logos und Kundenbereich-CSS