Von Version 1.1
bearbeitet von gru
am 02.06.2021, 10:28
Änderungskommentar: Imported from XAR
Auf Version 2.2
bearbeitet von sas
am 25.11.2021, 12:28
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.gru
1 +XWiki.sas
Inhalt
... ... @@ -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  ##