Wiki-Quellcode von Leitfaden-Plugin

Zeige letzte Bearbeiter
1 [[**Plugin-Download**>>url:https://customer.formcycle.eu/index.php/apps/files/?dir=/FORMCYCLE%20-%20Plugins%20Customer/Leitfaden%3Aleitfaden-resources&fileid=25265||rel="noopener noreferrer" target="_blank"]] (erfordert Anmeldung)
2
3 {{content/}}
4
5 {{velocity}}
6 ##{{info}}
7 ##Hinweis, dass das für bayr. LK ist.
8 ##Über das //???? Plugin// werden Möglichkeiten zur Einbindung der AKDB Basisdienste **Bürgerkonto** und **Postkorb** in {{formcycle/}} bereitgestellt.
9 ##{{/info}}
10 ##{{figure image="formular_vorlage.png"}}
11 ##TBD
12 ##{{/figure}}
13 {{/velocity}}
14
15 == Vorbemerkungen ==
16
17 In dem vom Bayerischen Landkreistag und dem Bayerischen Staatsministerium für Digitales herausgegebenen [[//Leitfaden zur nutzerorientierten und einheitlichen Formulargestaltung für die bayerischen Landkreise//>>https://www.stmd.bayern.de/wp-content/uploads/2020/10/10-2020_Leitfaden-nutzerfreundlicher-Formulargestaltung.pdf||target="_blank"]] werden für die Umsetzung von Online-Formularen konkrete Vorschläge gemacht und Empfehlungen gegeben.
18
19 Das //Leitfaden-Plugin// stellt Funktionalitäten zur Verfügung, welche im Leitfaden beschrieben wurden, aber nicht standardmäßig in {{formcycle/}} umsetzbar sind.
20
21 Im folgenden wird nach allgemeinen Installationshinweisen zunächst beschrieben, wie die einzelnen Punkte im Leitfaden unter Zuhilfenahme des Plugins [[umgesetzt werden können>>||anchor="HUmsetzungvonFormularengemE4DFdesLeitfadens"]]. Danach folgt eine detaillierte Beschreibung der durch das Plugin vorgenommenen Anpassungen an der Darstellung von Formularen und der durch das Plugin hinzugefügten [[Widgets>>Formcycle.FormDesigner.FormElements.Widgets]] und Funktionalitäten im Punkt [[Technische Dokumentation>>||anchor="HTechnischeDokumentationdesLeitfaden-Plugins"]].
22
23 == Hinweis zur Verwendung des Leitfaden-Plugins zusammen mit dem Theme-Konfigurator-Plugin ==
24
25 Das //Leitfaden-Plugin// nimmt wie auch das [[Theme-Konfigurator-Plugin>>Formcycle.PluginDocumentation.ThemeConfiguratorPlugin]] Änderungen am Aussehen von Formularen vor. Daher kann es beim parallelen Betrieb von beiden Plugins zu Konflikten kommen, wodurch die Darstellungsoptionen des Leitfaden-Plugins eventuell überschrieben werden. Daher sollte bei einem parallen Einsatz beider Plugins darauf geachtet werden, dass möglichst nur Dinge durch das //Theme-Konfigurator-Plugin// angepasst werden, bei denen nicht auch durch das //Leitfaden-Plugin// Veränderungen vorgenommen werden, wie zum Beispiel das Logo.
26
27
28 == Installation ==
29
30 Das Plugin kann als Mandant-Plugin oder System-Plugin installiert werden. Eine Anleitung zur Installation von Plugins finden Sie [[hier>>doc:Formcycle.UserInterface.Client.Plugins.WebHome]].
31
32
33 == Umsetzung von Formularen gemäß des Leitfadens ==
34
35 Im folgenden wird auf die einzelnen Punkte des Leitfadens stichpunktartig eingegangen und gezeigt, wie diese nach der Installation des Plugins in FORMCYCLE realisiert werden können.
36
37 === #1 Frage den Bürger als erstes, was er möchte. ===
38
39 * Diese Anforderung wird dadurch umgesetzt, dass das Formular beim Erstellen bereits ensprechend aufgebaut wird
40 * Dem Bürger können nach der Auswahl des Anliegens über [[Sichtbarkeitsbedingungen>>Formcycle.FormDesigner.ElementProperties.Constraints]] nur diejenigen Seiten und Formualarelemente angezeigt werden, die für sein Anliegen notwendig sind
41
42 === #2 Unterteile dein Formular in sinnvolle Prozessschritte und gebe Orientierung ===
43
44 * Für einen Fortschrittsanzeige kann das kostenfreie [[Widget-Plugin Navigationsleiste>>Formcycle.PluginDocumentation.WidgetXNavigationBar]] verwendet werden
45 * Das Widget muss entweder je einmal am Anfang von jeder Formualarseite oder genau einmal im Header-Bereich (empfohlen) platziert werden
46 * Details zur Konfiguration des Widgets wirden auf der Seite des Plugins genauer [[beschrieben>>Formcycle.PluginDocumentation.WidgetXNavigationBar||anchor="HKonfiguration"]]
47
48 === #3 Gib dem Bürger eine Übersicht über seine Angaben und verlinke zu den Seiten ===
49
50 * Auf der letzten Seite des Formulars kann mithilfe des //Leitfaden-Plugins// eine Zusammenfassung angezeigt werden
51 * Bei der Schaltfläche, mit der zu dieser letzten Seite gewechselt wird, muss dafür //Zusammenfassung + prüfen// als Aktion festgelegt werden
52 * In der Zusammenfassung werden für Fieldsets die Verlinkungen zu den ensprechenden Seiten gemäß des Leitfadens automatisch generiert
53 * Mehr Informationen finden sich unter dem Punkt [[Zusammenfassung>>anchor="HZusammenfassung"]]
54
55 === #4 Biete jederzeit die Möglichkeit an Kontakt aufzunehmen ===
56
57 * Das //Leitfaden-Plugin// bietet hierfür ein Widget [[Kontaktdaten>>anchor="HFormularwidget:Kontaktdaten"]] an, mit dem die Kontaktdaten einfach eingepfegt werden können
58 * Diese können beispielsweise in den Header und/oder Footer platziert werden
59
60 === #5 Gib dem Bürger die Möglichkeit sich zu erklären ===
61
62 * Bemerkungsfelder können an geeigneten Stellen als [[Textarea>>Formcycle.FormDesigner.FormElements.Textarea]] hinzugefügt werden
63 * Durch Anpassung der Option //Max. Zeichen// unter [[Bedingungen>>TODO]] und //Höhe (in px)// unter [[Darstellung>>TODO]] kann das Bemerkungsfeld individuell an die Situation angepasst werden
64
65 === #6 Komme den Fragen deiner Bürger zuvor ===
66
67 * Das //Leitfaden-Plugin// bietet hierfür ein Widget [[Hinweis>>anchor="HFormularwidget:Hinweis"]] an, mit dem fertig gesetzte Hilfeblöcke einfach in Formulare eingepfegt werden können
68 * Die Konfiguration entspricht dabei der eines normalen [[Text-Elements]]
69
70 === #7 Positioniere die Feldbezeichnungen oberhalb des Feldes ===
71
72 * Die Position von Feldbezeichungen ist in FORMCYCLE standardmäßig über dem Element
73 * Bei Formularlemementen kann die Postitionierung unter Elementeigenschaften [[Label>>Formcycle.FormDesigner.ElementProperties.Label]] angepasst werden
74
75 === #8 Bilde sinnvolle visuelle Hierarchien ===
76
77 * Die in diesem Punkt angeregten Hervorhebungen durch Farbe und Fettschreibung werden durch das //Leitfaden-Plugin// vorgenommen
78 * Zusammenhängende Formularelemente können durch Verwendung von Fieldsets und Containern gruppiert werden
79 * Durch die Funktionsweise der [[Zusammenfassungs-Funktion>>anchor="HZusammenfassung"]] des //Leitfaden-Plugins// wird folgende Verwendung empfohlen:
80 ** Verwendung von Fieldsets als erste Gruppierungsstufe, da durch diese in der Zusammenfassung Verlinkungen auf den jeweiligen Block vorhanden sind
81 ** Innerhalb von Fieldsets nur mit Containern oder [[unsichtbaren Containern>>anchor="HFormularwidget:UnsichtbarerContainer"]] gruppieren
82 ** Container ermöglichen dem Bürger durch Ihre Hintergrundfarbe, die darin enthaltenen Formularelemente deutlich als Gruppe wahrzunehmen
83
84 === #9 Weise deinen Bürgern den Weg ===
85
86 * Durch das //Leitfaden-Plugin// wird das gerade aktive Formularelemente durch einen blauen Rahmen und eine dunklere Hintergrundfarbe hervorgehoben
87 * Bestimmte Webbrowser setzen selbstständig einen dicken schwarzen Rahmen um das aktive Formularelement, wodurch der vom //Leitfaden-Plugin// gesetzte farbige Rahmen wieder überdeckt wird - Dieses Verhalten kann nicht verändert werden
88 * Erledigte Felder werden in der aktuellen Version des //Leitfaden-Plugin// nicht visuell zurückgestellt
89
90 === #10 Gib deinen Bürgern auch Rückmeldungen ===
91
92 * In der aktuellen Version des //Leitfaden-Plugin// werden bereits richtig ausgefüllte Felder nicht optisch belohnt
93
94 === #11 Wähle sinnvolle Feldgrößen ===
95
96 * Für das Eingeben von Text bietet FORMCYCLE die Formuarelemente [[Eingabefeld>>Formcycle.FormDesigner.FormElements.Input]] und [[Textarea>>Formcycle.FormDesigner.FormElements.Textarea]]
97 * Eingabefelder eignen sich für die meisten Eingaben
98 ** Durch Platzieren von mehreren Eingabefeldern in einer Zeile und dem Hinzufügen von [[Abstandselmenten>>Formcycle.FormDesigner.FormElements.Spacer]] können Eingabefelder bei Bedarf kleiner gemacht werden
99 ** Der relative Anteil, den einzelne Formularfeld in einer Zeile annimmt kann durch das Anpassen des Wertes der Option //Bereite// in den [[Grundeigenschaften>>Formcycle.FormDesigner.ElementProperties.BaseProperties]] angepasst werden
100 ** Durch das Einfügen von Abständen, kann die anteilige Größe eines Formularelements in einer Zeile verringert werden, ohne das weitere Formularelemente in der Zeile vorhanden sein müssen
101 * Textareas können zum Beispiel für längere Freitextabschnitte verwendet werden
102 ** Standardmäßig ist bereits die [[Darstellungsoption>>TODO]] //Größe anpassen// aktiv, wodurch das Feld mit den Eingaben des Nutzers mitwächst
103 ** Durch //Höhe (in px)// kann zudem die initiale Höhe der Textarea festgelegt werden
104 ** Die maximale mögliche Zeichananzahl kann unter [[Bedingungen>>TODO]] im Paramerter //Max. Zeichen// konfiguriert werden
105 ** Durch die Option //Zeichenanzahl anzeigen// wird unter dem Feld die aktuell vorhandene und die maximal erlaube Zeichenmenge angezeigt, was dem Bürger einen Hinweis auf die ungefähr erwartete Informationsmenge liefern kann
106
107 === #12 Gehe sorgsam mit Auszeichnungen für Schrift um ===
108
109 * Verwendung von Fettschrift, Großschreibungen und Kursivschrift wird vom Formularersteller bestimmt
110 * Inhalte von Feldbezeichnungen und Textelementen werden in einem Rich-Text-Editor eingegeben und können dadurch im {{designer/}} beliebig formatiert werden
111
112 === #13 Mache Pflichtfelder in jeder Situation deutlich sichtbar ===
113
114 * Durch das //Leitfaden-Plugin// werden die Sterne, durch die Pflichtfelder gekennzeichnet werden, deutlich vergrößert
115 * Überschriften und Beschriftungen von Schaltflächen sind in FORMCYCLE bereits standardmäßig in Fettschrift und Fließtexte sind auch standardmäßig in normaler Schrift
116
117 === #14 Hebe Schaltflächen hervor und beschrifte sie ===
118
119 * Bei den Kontrollschaltflächen von wiederholten Elementen werden werden durch das //Leitfaden-Plugin// entsprechend ihrer Funktion beschriftet und die Icons heben sich farblich deutlich ab
120
121 === #15 Vermeide doppelte Eingaben ===
122
123 * Durch Verwendung von Auswahlfeldern mit Radiobuttons kann der Bürger gefragt werden, ob vorangegangene Eingaben oder ob er abweichende Daten eingeben möchte
124 Standardfunktionalität von FC: Per RB abfragen, ob Angaben von vorher bereits eingegebenen abweichen, Weitere zunächst versteckte Formularfelder werden dann über "sichtbar wenn" bedingungen einblenden.
125 * Die Felder für abweichende Daten sind zunächst versteckt und werden über [[//Sichtbar wenn//-Bedingungen>>Formcycle.FormDesigner.ElementProperties.Constraints]] sichtbar
126 * Um die abhängig sichtbaren Eingabeelemente gruppieren zu können, können diese Beispielsweise in einen Container oder einen [[Unsichtbaren Container>>TODO]] platziert werden
127
128 === #16 Verwende vorausgefüllte Standardtexte als Beispielangabe ===
129
130 * Platzhalter können bei allen Eingabeelementtypen für Text unter [[Label {{rarrow/}} Platzhalter>>TODO]] eingetragen werden
131
132 === #17 Gib proaktiv hilfreiche Hinweise und Erklärungen ===
133
134 * Hilfetexte können standardmäßig für alle Eingabeelemente in FORMCYCLE definiert werden
135 * Durch das //Leitfaden-Plugin// werden sie standardmäßig geöffnet werden, wenn das Feld ausgewählt wird
136
137 === #18 Biete so oft wie möglich Auswahlfelder an ===
138 {{velocity}}
139 ##* Mehrstufige Abfrage können mit Radiobuttons für die wichtigsten Auswahloptionen und Auswahlfeldern für sonstige Auswahlen umgesetzt werden
140 ##, bei den können mit FORMCYCLE einfach mit [[Sichtbarkeitsbedingungen>>Formcycle.FormDesigner.ElementProperties.Constraints]] umgesetzt werden.
141 {{/velocity}}
142 * Dropdown-Auswalelemente sind eine Ansichtsform des Elementtyps [[Auswahl>>Formcycle.FormDesigner.FormElements.Selection]]
143 * Wenn Abfragen (z.B. Anrede, Staatsbürgerschaft, etc.) häufiger in Formularen vorkommen, können diese als [[Datenquelle>>TODO]] hinterlegt und dadurch einfach eingebunden und für alle Formulare zentral gepflegt werden.
144
145 === #19 Hilf deinen Bürgern Dokumente anzuhängen ===
146
147 * Das //Leitfaden-Plugin// passt das Aussehen des [[Uploadelements>>Formcycle.FormDesigner.FormElements.Upload]] so an, dass die Standardansicht des verwendeten Webbrowsers durch eine neue Schaltfläche ersetzt wird
148 * Dadurch wird Schaltfläche situationsabhängig beschriftet und die verunsichernde Darstellung des gesamten Dateipfades der Datei in //Microsoft Internet Explorer// und //Edge (Alt)// entfällt
149
150 === #20 Überprüfe die Angaben deiner Bürger ===
151
152 * An Eingabefeldern können im {{designer/}} einfache Validatoren ausgewählt werden
153 * Zusätzliche Köntextabhängige Prüfungen können per JavaScript vorgenommen werden
154
155 === #21 Mache Fehler sichtbar und erkläre sie ===
156
157 * FORMCYCLE markiert standardmäßig Felder, bei denen Angaben fehlen oder nicht valide sind und zeigt eine passende Fehlermeldung an.
158 * Texte von Fehlermeldungen können im FORMCYCLE Backend unter [[I18N-Variablen>>TODO]] gepflegt werden oder [[per JavaScript>>TODO]] im Formular individuell überschrieben werden
159 * Das Aussehen von Fehlermeldungen kann über [[CSS>>TODO]] zusätzlich angepasst werden
160
161 === #22 Unterstütze die AutoFill-Funktion der Browser ===
162
163 * In FORMCYCLE ab Version 6.6.10 für Eingabefelder unter //Erweitert {{rarrow/}} Automatisch ausfüllen// konfigurierbar
164 * Alternativ können die entsprechenden Attribute auch bei //Erweitert {{rarrow/}} Automatisch ausfüllen// festgelegt werden
165
166 === #23 Kommuniziere mit deinen Bürgern auf Augenhöhe ===
167
168 * Zusätzliche Hinweise können als als [[Textelement>>Formcycle.FormDesigner.FormElements.Text]] im Formular eingefügt werden
169
170 === #24 Halte deine Bürger auf dem Laufenden ===
171
172 * Bei normaler Bearbeitung des Formulars durch die Sachbearbeiter kann nach jeder Bearbeitung eine E-Mail-Aktion zum Informieren des Kunden verwendet werden
173 * Analog kann für Vorgänge, bei denen der Bürger sich mit der AKDB authentifiziert hat, [[eine Nachricht an den AKDB-Postkorb gesendet werden>>Formcycle.PluginDocumentation.AkdbBuergerkontoServicePlugin||anchor="HAKDBPostkorbanbindunginderStatusverarbeitung"]]
174 * Über Statusverarbeitung kann zum Beispiel mit einem [[Zeitgesteuerten Statuswechsel>>Formcycle/UserInterface.MyForms.WorkflowProcessing.States||anchor="HZeigesteuerterStatuswechsel"]] nach einer definierten Zeitspanne in einen anderen Status gewechselt werden, in welchem dem Bürger eine automatische Statusoinformation zugesendet wird
175
176
177 == Technische Dokumentation des Leitfaden-Plugins ==
178
179 Das Plugin stellt Ressourcen zur Verfügung, welche in Formularen automatisch verwendet werden und fügt neue Validierungsreglen und Widgets hinzu. Diese werden im folgenden genauer beschrieben.
180
181 === Designanpassungen ===
182
183 Das //Leitfaden-Plugin// stellt folgende das Aussehen von Formularen beeinflussende Inhalte bereit und bindet diese automatisch in alle Formulare ein:
184
185 ; CSS-Designanpassungen
186 : Optische Anpassungen am Formular wie das Aussehen der Labels von Elementen, Upload-Elemente, Mussfeld-Sterne, usw.
187
188 ; Roboto-Schriftart
189 : Das Plugin stellt diese Schriftart als Ressource auf dem Server bereit und verwendet diese in den Formularen für alle Texte.
190
191 === Validatoren ===
192
193 Durch das Plugin werden 4 neue [[Validatoren>>Formcycle.FormDesigner.CodingPanel.Validators]] bereitgestellt. Zu beachten ist allen, dass sie nur überprüfen können, ob eine Eingabe formal dem Aufbau des jeweiligen Wertetyps entspricht. Es kann aber nicht überprüft werden, ob es tatsächlich einen solchen Wert, wie zum Beispiel eine konkrete BIC, gibt. Folgende Regeln werden hinzugefügt:
194
195 ; xm-vdt-bic
196 : Validierung für Eingabefelder, in die der Benutzer ein Geschäftskennzeichen (SWIFT-BIC) für Kontodaten eingibt
197
198 ; xm-vdt-iban
199 : Validierung für Eingabefelder, in die der Benutzer eine Bankverbindung in Schreibweise der internationalen Bankkontonummer (IBAN) eingibt
200
201 ; xm-vdt-iban-de
202 : Validierung für Eingabefelder, in die der Benutzer eine Bankverbindung in Schreibweise der internationalen Bankkontonummer (IBAN) eingibt
203
204 ; xm-vdt-steuerid
205 : Validierung für Eingabefelder, in die der Benutzer eine steuerliche Identifikationsnummer nach § 139b, Abgabenordnung eingibt
206
207 === Formularwidget: Hinweis ===
208 {{figure image="leitfaden_widget_hinweis.png" clear="h3"}}
209 Symbol des //Hinweis//-Widgets und Aussehen im Formular
210 {{/figure}}
211 Mit diesem Widget können farblich abgehobene Hinweistexte leichter im Formular platziert werden. Die Konfigurationsoptionen entsprechen denen von [[Text-Elementen>>Formcycle.FormDesigner.FormElements.Text]].
212
213 === Formularwidget: Kontaktdaten ===
214 {{figure image="leitfaden_widget_kontaktdaten.png" clear="h3"}}
215 Symbol des //Kontaktdaten//-Widgets und Aussehen im Formular
216 {{/figure}}
217 Mit diesem Widget können Kontaktinformationen leicht im Formular eingebunden und in einer leitfadengemäßen Form dargestellt werden.
218
219 === Formularwidget: Unsichtbarer Container ===
220 {{figure image="leitfaden_widget_unsichtbarer_container.png" clear="h3"}}
221 Symbol des //Unsichtbarer Container//-Widgets
222 {{/figure}}
223 Mit diesem Widget können Formularinhalte wie in einem normalen [[Container>>Formcycle.FormDesigner.FormElements.Container]] gruppiert werden, der Container ist jedoch unsichtbar. Dadurch ist es leichter möglich Dinge wie Sichtbarkeitsbedingungen an mehreren Formularelementen gleichzeitig zu konfigurieren, da die entsprechenden Einstellungen dann nur noch an dem die Elemente beinhaltenden //Unsichtbaren Container// vorgenommen werden müssen.
224
225 === Zusammenfassung ===
226 {{figure image="leitfaden_zusammenfassung_beispiel.png" clear="h4"}}
227 Beispiel für das Aussehen einer Zusammenfassung mit in [[Fieldsets>>Formcycle.FormDesigner.FormElements.Fieldset]] gruppierten Formularelementen.
228 {{/figure}}
229 Durch das Plugin werden im {{designer/}} zusätzliche Konfigurationsmöglichkeiten hinzugefügt, welche es ermöglichen, auf der letzten im Formular vorhandenen [[Seite>>Formcycle.FormDesigner.FormElements.Page]] eine Zusammenfassung anzuzeigen. Auf dieser Seite wird zuerst die Zusammenfassung aller vorangegangen Seiten angezeigt und darunter alle Elemente, welche im {{designer/}} auf dieser Seite platziert wurden.
230
231 In der Zusammenfassung tauchen nur die Formularelemente auf, welche sichtbar sind und einen Wert haben. Das bedeutet, dass leere Eingabefelder nicht in der Zusammenfassung aufgeführt werden. Werden Formularfelder in einem [[Fieldset>>Formcycle.FormDesigner.FormElements.Fieldset]] platziert, werden diese auch in der Zusammenfassung als Block dargestellt, in welchem oben rechts ein Link //Angaben ändern// angezeigt wird. Mit diesem kann im Formular zurück zum jeweiligen Fieldset gesprungen werden, um eingegebene Daten zu korrigieren. Diese Funktionalität ist nur bei Fieldsets, aber nicht bei [[Containern>>Formcycle.FormDesigner.FormElements.Container]] und Unsichtbaren Containern vorhanden.
232
233 Um die Zusammenfassung nutzen zu können, muss bei einer [[Schaltfläche>>Formcycle.FormDesigner.FormElements.Button]] //Zusammenfassung + prüfen// als Aktion konfiguriert werden. Dadurch wird beim klicken auf diese Schaltfläche auf die Zusammenfassungsseite gesprungen.
234
235 ==== Konfiguration von Formularelementen ====
236 {{figure image="leitfaden_zusammenfassung_elemente.png" clear="h4"}}
237 Konfigurationsmöglichkeiten für die Sichtbarkeit eines Formualrelements in der Zusammenfassung
238 {{/figure}}
239 Über die unter //Darstellung// zu findende Option //Bei Zusammenfassung// kann die Sichtbarkeit von Formularelementen in der Zusamenfassung gesteuert werden.
240
241 Diese Option wird bei allen [[Formularelementen>>Formcycle.FormDesigner.FormElements.WebHome]] und [[Widgets>>Formcycle.FormDesigner.FormElements.Widgets]] angezeigt, ist aber nur sinnvoll bei Bildern und bei Formularelementen, in denen der Nutzer eine Eingabe tätigen kann. Andere Elemente wie Schaltflächen werden generell nicht in der Zusammenfassung angezeigt.
242
243 Folgende Optionen stehen zur Auswahl:
244
245 ; Sichtbarkeit automatisch
246 : Das Element wird in der Zusammenfassung angezeigt, wenn es sichtbar ist und einen Wert hat oder vom Typ [[Bild>>Formcycle.FormDesigner.FormElements.Image]] ist. Standmäßig ist diese Option ausgewählt
247
248 ; nicht sichtbar
249 : Das element wird nicht in der Zusammenfassung angezeigt
250
251
252 ==== Konfiguration der Schaltfläche ====
253 {{figure image="leitfaden_zusammenfassung_buttons.png" clear="h4"}}
254 Aktion //Leitfaden-Plugin// in den Konfigurationseinstellungen einer Schaltfläche
255 {{/figure}}
256 Das //Leitfaden-Plugin// fügt für [[Schaltflächen>>Formcycle.FormDesigner.FormElements.Button]] eine neue Aktion mit dem Namen //Zusammenfassung + prüfen// hinzu. Diese Aktion springt dabei immer auf die letzte im Formular vorhandene Seite.
257
258 ==== Überschrift auf der Zusammenfassungsseite ====
259
260 Um mit standardmäßig in {{formcycle/}} vorhandenen Mitteln auf der letzten Seite über der Zusammenfassung Informationen wie zum Beispiel eine Überschrift oder einen Hinweis anzuzeigen, kann auf der für die Zusammenfassung verwendeten letzten Formularseite ein Titel oder/und Untertitel definiert werden.
261
262 Falls dies beispielsweise nur eine einfache Nachricht sein soll und die standardmäßig verwendeten Schriftgrößen dafür zu groß sind, kann das Aussehen des (Unter-)titels per [[//CSS//>>Formcycle.FormDesigner.CodingPanel.CSSTab]] angepasst werden. Dies könnte für eine Zusammenfassungsseite mit dem technischen Namen //pZusammenfassung// bespielsweise wie folgt aussehen:
263
264 {{code language="css"}}
265 .CXPage[xn="pZusammenfassung"] .header h1 {
266 font-size: 20px; /* Setzt die Schriftgröße des Titels der Zusammenfassungsseite auf 20 Pixel */
267 }
268 .CXPage[xn="pZusammenfassung"] .header h2 {
269 font-size: 14px; /* Setzt die Schriftgröße des Untertitels der Zusammenfassungsseite auf 14 Pixel */
270 font-weight: normal; /* Sorgt dafür, dass der Text des Untertitel normal und nicht fett dargestellt wird */
271 }
272 {{/code}}
273
274 == Versionshistorie ==
275
276 === 1.1.2 ===
277
278 * Initiales öffentliches Release des //Leitfaden-Plugins//.
279
280 {{velocity}}
281 ##== Weitere Anpassungen am Aussehen der Formulare ==
282 ##
283 ##-> jenseits von Leitfaden
284 ##
285 ##Logo einbinden als BILD oder per CSS. -> allgemeine links
286 ##Hier empfihlt sich
287 {{/velocity}}

Navigation

Copyright 2000-2025