| ... |
... |
@@ -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 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.Designer.Form.CodingPanel.CSSTab.WebHome]] 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 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 |
|
| ... |
... |
@@ -107,38 +107,8 @@ |
| 107 |
107 |
<link rel="shortcut icon" type="image/png" sizes="32x32" href="../includes/ressource?pid=1234&name=favicon32.png" /> |
| 108 |
108 |
{{/code}} |
| 109 |
109 |
|
| 110 |
|
-== Anpassung Abstand Fieldset nach oben == |
| 111 |
111 |
|
| 112 |
|
-Beim //Modern Theme// sind standardmäßig die Abstände zu den oberen Elementen recht groß. Dies kann durch folgenen CSS-Code angepasst werden: |
| 113 |
113 |
|
| 114 |
|
-{{code language="css"}} |
| 115 |
|
-.modern .CXFieldSet .XFieldSetWrapper { |
| 116 |
|
- margin-top: 5px; |
| 117 |
|
-} |
| 118 |
|
-{{/code}} |
| 119 |
|
- |
| 120 |
|
-== Anpassung Hintergrundfarbe Fieldset == |
| 121 |
|
- |
| 122 |
|
-Um den Hintergrund eines Fieldsets komplett einzufärben, muss beachtet werden auch das legend-Element zu berücksichtigen. |
| 123 |
|
- |
| 124 |
|
-{{code language="css"}} |
| 125 |
|
-.modern .CXFieldSet .XFieldSetWrapper, .modern .XFieldSet legend { |
| 126 |
|
- background-color: lightsteelblue; |
| 127 |
|
- width: 100%; |
| 128 |
|
-} |
| 129 |
|
-{{/code}} |
| 130 |
|
- |
| 131 |
|
-== Anpassung Seitenabstand == |
| 132 |
|
- |
| 133 |
|
-Die CSS-Klasse //XPage// legt die Abstände einer Seite fest. Dabei bestimmt der erste Wert den Abstand für oben/unten, der zweite Wert den Abstand für rechts/links: |
| 134 |
|
- |
| 135 |
|
-{{code language="css"}} |
| 136 |
|
-.modern .XPage { |
| 137 |
|
- padding: 25px 25px; |
| 138 |
|
-} |
| 139 |
|
-{{/code}} |
| 140 |
|
- |
| 141 |
|
- |
| 142 |
142 |
{{velocity}} |
| 143 |
143 |
##Anstelle des Links kann wahlweise auch direkt eine base64-Repräsentation des Bildes verwendet werden: |
| 144 |
144 |
## |
