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 per CSS dargestellt.
	1	+Auf dieser Seite werden verschiedene Beispiele für das Anpassen des Aussehens von Formularen 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 Forlgenden 3 verschiedene Möglichkeiten vorgestellt werden.
	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.
8	8
9	9	=== Verwenden eines extern gehosteten Bildes ===
10	10
...	...	@@ -18,11 +18,14 @@
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	+
21	21	{{code language="css"}}
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. */
	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;
26	26	}
27	27	{{/code}}
28	28