Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -4,7 +4,7 @@
4	4
5	5	== Einfügen einer Grafik im Formularheader ==
6	6
7		-Für das Einfügen einer Grafik im Headerbereichg des Formulars sollen im Forlgenden 3 verschiedene Möglichkeiten vorgestellt werden.
	7	+Für das Einfügen einer Grafik im Headerbereichg des Formulars sollen im Forlgenden 3 verschiedene Möglichkeiten vorgestellt werden. Zu beachten ist hierbei, dass Formularseiten durch das Hinzufügen von Titel und Untertitel
8	8
9	9	=== Verwenden eines extern gehosteten Bildes ===
10	10
...	...	@@ -33,11 +33,11 @@
33	33	{{code language="css"}}
34	34	.modern .XHeader {
35	35	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAA5SURBVBhXdY1LFgAgCAK5/6UNQ6mFzkLj4wuxkxlQDT5MSrue5onbXjKimJTUIr8rurL9Z2u+G4g4ozy8RKSwCIwAAAAASUVORK5CYII=);
36		- background-repeat: no-repeat;
37		- background-position-x: 10px;
38		- background-position-y: 10px;
39		- background-size: auto 40px;
40		- height: 60px;
	36	+ background-repeat: no-repeat; /* Das Bild wird nicht wiederholt */
	37	+ background-position-x: 10px; /* Positionierung in horizontaler Richtung */
	38	+ background-position-y: 10px; /* Positionierung in vertikaler Richtung */
	39	+ background-size: auto 40px; /* Größe des Bildes: 40px hoch und so breit, wie es das Seitenverhältnis des Bildes vorgibt */
	40	+ height: 60px; /* Gesamthöhe des Formularheaders */
41	41	}
42	42	{{/code}}
43	43
...	...	@@ -47,7 +47,7 @@
47	47
48	48	== Anpassungen des Schriftbildes ==
49	49
50		-Um allgemein für alle Elemente im Formular die Eigenschaften der Schriftart
	50	+Um allgemein für alle Elemente im Formular die Eigenschaften der Schriftart festzulegen, kann folgender CSS-Code als Grundlage genommen werden:
51	51
52	52	{{code language="css"}}
53	53	FORM.xm-form { /* Selektiert das gesamte Formular */
...	...	@@ -57,7 +57,7 @@
57	57	}
58	58	{{/code}}
59	59
60		-Für Labels und Text in Eigabefeldern müssen die Schriftgrößen und Farben gegebenenfalls noch angepasst werden.
	60	+Für Labels und Text in Eigabefeldern müssen die Schriftgrößen und Farben gegebenenfalls noch angepasst werden. Dies kann für die entsprechenden
61	61
62	62	{{code language="css"}}
63	63	TODO
...	...	@@ -64,6 +64,8 @@
64	64	{{/code}}
65	65
66	66	{{velocity}}
	67	+##Hierbei ist insbesondere darauf zu achten, dass die CSS-Regeln mindestens so spezifisch sind, wie es das grundlegende Formular-Theme vorgibt.
	68	+##
67	67	##Print-PDF-Plugin: Spezialfall
68	68	##https://help6.formcycle.eu/xwiki/bin/view/Formcycle/PluginDocumentation/PrintServicePlugin#HTextfelderundAuswahllisten
69	69	{{/velocity}}