Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,10 +1,10 @@
1		-Auf dieser Seite werden verschiedene Beispiele für das Anpassen des Aussehens von Formularen dargestellt.
	1	+Auf dieser Seite werden verschiedene Beispiele für das Anpassen des Aussehens von Formularen per CSS dargestellt.
2	2
3	3	{{content/}}
4	4
5	5	== Einfügen einer Grafik im Formularheader ==
6	6
7		-Für das Einfügen einer Grafik im auf allen Formularseiten sichtbaren Headerbereich des Formulars sollen im folgenden 3 verschiedene Möglichkeiten vorgestellt werden. Die hier gezeigten Beispiele müssen im [[CSS-Bereich>>Formcycle.FormDesigner.CodingPanel.CSSTab]] des Designers, in einem [[Design>>Formcycle.UserInterface.FilesAndTemplates.Design]] oder in einer //.css//-Datei im Formular oder Mandanten eingefügt werden.
	7	+Für das Einfügen einer Grafik im auf allen Formularseiten sichtbaren Headerbereich des Formulars sollen im Forlgenden 3 verschiedene Möglichkeiten vorgestellt werden.
8	8
9	9	=== Verwenden eines extern gehosteten Bildes ===
10	10
...	...	@@ -18,14 +18,11 @@
18	18
19	19	=== Verwenden einer Mandant- oder Formularressource ===
20	20
21		-Für das Anzeigen eines als Formularressource hochgeladenen Bilddatei {{code language="none"}}headerbild.png{{/code}} mit dem Namen über die gesamte Headergröße eines Formulars mit der ID {{code language="none"}}1234{{/code}} kann folgender Code verwendet werden:
22		-
23	23	{{code language="css"}}
24		-.modern .XHeader {
25		- background-color: transparent;
26		- background-image: url('../../../formcycle/form/includes/ressource?pid=1234&name=headerbild.png');
27		- background-size: 100% 100%;
28		- background-repeat: no-repeat;
	22	+FORM.xm-form { /* Selektiert das gesamte Formular */
	23	+ font-size: 16px; /* Setzt die Basisschriftgröße. */
	24	+ color: #111; /* Setzt die Default-Schriftfarbe. */
	25	+ font-family: Arial; /* Setzt die Default-Schriftart. */
29	29	}
30	30	{{/code}}
31	31