... |
... |
@@ -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.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 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. |
8 |
8 |
|
9 |
9 |
=== Verwenden eines extern gehosteten Bildes === |
10 |
10 |
|
... |
... |
@@ -107,8 +107,38 @@ |
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 == |
110 |
110 |
|
|
112 |
+Beim //Modern Theme// sind standardmäßig die Abstände zu den oberen Elementen recht groß. Dies kann durch folgenen CSS-Code angepasst werden: |
111 |
111 |
|
|
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 |
+ |
112 |
112 |
{{velocity}} |
113 |
113 |
##Anstelle des Links kann wahlweise auch direkt eine base64-Repräsentation des Bildes verwendet werden: |
114 |
114 |
## |