From version < 6.8 >
edited by gru
on 23.04.2021, 16:22
To version < 6.11 >
edited by gru
on 23.04.2021, 16:28
< >
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -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 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  
... ... @@ -31,13 +31,13 @@
31 31  Ein als Base64-String kodiertes Bild kann auch einfach im CSS eingefügt werden:
32 32  
33 33  {{code language="css"}}
34 -.modern .XHeader {
34 +FORM .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  
... ... @@ -66,6 +66,8 @@
66 66  {{velocity}}
67 67  ##Hierbei ist insbesondere darauf zu achten, dass die CSS-Regeln mindestens so spezifisch sind, wie es das grundlegende Formular-Theme vorgibt.
68 68  ##
69 +##Zu beachten ist hierbei, dass Formularseiten durch das Hinzufügen von Titel und Untertitel unterhalb des auf allen Seiten sichtbareneigentlichen
70 +##
69 69  ##Print-PDF-Plugin: Spezialfall
70 70  ##https://help6.formcycle.eu/xwiki/bin/view/Formcycle/PluginDocumentation/PrintServicePlugin#HTextfelderundAuswahllisten
71 71  {{/velocity}}
Copyright 2000-2025