Änderungen von Dokument Formular


Von Version 1.1
bearbeitet von gru
am 20.01.2021, 16:16
Änderungskommentar: Imported from XAR
Auf Version 34.1
bearbeitet von jdr
am 30.07.2021, 16:48
Änderungskommentar: Upload new image "designer_topbar_en.png", version 1.1

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Formulardesigner
1 +Formular
Übergeordnete Seite
... ... @@ -1,1 +1,1 @@
1 -Formcycle.WebHome
1 +Formcycle.Designer.WebHome
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.gru
1 +XWiki.jdr
Tags
... ... @@ -1,1 +1,1 @@
1 -Sprache|Language|Designer
1 +Sprache|Language|Designer|sprache|language|designer
Inhalt
... ... @@ -4,7 +4,7 @@
4 4  Der Arbeitsbereich des {{designer case="gen"/}}. Abgebildet sind die einzelnen Unterbereiche. Im Hauptbereich in der Mitte sieht man das aktuelle Formular.
5 5  {{/figure}}
6 6  
7 -Der {{designer/}} bietet eine Oberfläche zum einfachen Erstellen von Formularen mittels Drag&Drop. Die Formularelemente aus der Liste links können mit der Maus in die Formularvorschau in der Mitte gezogen und positioniert werden. Durch Klick auf ein Formularelement kann dies ausgewählt werden. Im Eigenschaftsbereich rechts sind dann alle Einstellungen dieses Formularelements bearbeitbar. Über die Aktionsleiste ganz oben können weitere Einstellungen zum Formular vorgenommen werden, wie das Erstellen einer Verarbeitung oder dem Anlegen von Datenbankabfragen für das Formular.
7 +Der {{designer/}} bietet eine Oberfläche zum einfachen Erstellen von Formularen mittels Drag&Drop. Die Formularelemente aus der Liste links können mit der Maus in die Formularvorschau in der Mitte gezogen und positioniert werden. Durch Klick auf ein Formularelement kann dies ausgewählt werden. Im Eigenschaftsbereich rechts sind dann alle Einstellungen dieses Formularelements bearbeitbar. Über die Aktionsleiste ganz oben können weitere Einstellungen zum Formular vorgenommen werden, wie das Konfigurieren des Workflows oder dem Anlegen von Datenbankabfragen für das Formular.
8 8  
9 9  Im Folgenden werden die wesentlichen Komponenten des Arbeitsbereichs kurz vorgestellt.
10 10  
... ... @@ -14,12 +14,12 @@
14 14  Die Liste aller vorhandenen Formularelemente. Durch Drag&Drop können Sie mit der Maus in das Formular gezogen und positioniert werden.
15 15  {{/figure}}
16 16  
17 -In der linken Leiste befindet sich die Liste aller Formularelemente, die zur Verfügung stehen. Um ein Formularelement in das Formular einzufügen, wird das Element mit der Maus per Drag&Drop an die gewünschte Stelle im Formular gezogen. Über die Tabs oben in der Leiste kann zwischen verschiedenen Elementbibliotheken gewechselt werden. Dabei gibt es die folgenden Tabs:
17 +In der linken Leiste befindet sich die Liste aller Formularelemente, die zur Verfügung stehen. Um ein Formularelement in das Formular einzufügen, wird das Element mit der Maus per Drag&Drop an die gewünschte Stelle im Formular gezogen. Über die Tabs rechts an der Leiste kann zwischen verschiedenen Elementbibliotheken gewechselt werden. Dabei gibt es die folgenden Tabs:
18 18  
19 19  ; Elemente
20 -: Das sind die Standard-Elemente wie Eingabefelder oder Schaltflächen. Diese stehen immer zur Verfügung. Siehe hierzu auch die [[Liste der Formularelemente>>doc:.FormElements.WebHome]].
20 +: Das sind die Standard-Elemente wie Eingabefelder oder Schaltflächen. Diese stehen immer zur Verfügung. Siehe hierzu auch die [[Liste der Formularelemente>>doc:Formcycle.Designer.Form.FormElements.WebHome]].
21 21  ; Vorlagen
22 -: Hier finden sich alle Vorlagen, die durch Nutzer erstellt wurden. Ein Element kann im Designer per Rechtsklick als Vorlage gespeichert werden, mehr hierzu unter [[Vorlagen>>doc:ElementTemplates]].
22 +: Hier finden sich alle Vorlagen, die durch Nutzer erstellt wurden. Ein Element kann im Designer per Rechtsklick als Vorlage gespeichert werden, mehr hierzu unter [[Vorlagen>>doc:Formcycle.Designer.Form.ElementTemplates]].
23 23  ; Mehr Elemente
24 24  : Falls ein entsprechendes Katalog-Plugin installiert ist, finden sich hier weitere durch das Plugin bereitgestellte Elemente.
25 25  
... ... @@ -27,7 +27,7 @@
27 27  
28 28  == Aktionsleiste ==
29 29  
30 -{{figure image="designer_topbar_de_62.png" width="300"}}
30 +{{figure image="designer_topbar_de.png" width="300"}}
31 31  In der Aktionsleiste oben finden sich Aktionen zum Speichern des Formulars oder zum Anzeigen einer Vorschau. Über die Schaltfläche //Mehr// sind weitere fortgeschrittene Aktionen verfügbar, etwa zum Anlegen einer Datenbankquelle.
32 32  {{/figure}}
33 33  
... ... @@ -35,30 +35,27 @@
35 35  
36 36  ; {{ficon name="content-save-all"/}} Speichern
37 37  : Über diese Schaltfläche kann der aktuelle Stand des Formular abgespeichert werden. Das Formula wird dabei aktualisiert, sodass der gespeicherte Stand erscheint, wenn das Formular geöffnet wird. Es kann auch direkt über das Tastaturkürzel //Strg+S// gespeichert werden.
38 -; {{ficon name="workflow-fill"/}} Verarbeitung
39 -: Hier kann die Verarbeitung des Formulars konfiguriert werden. Die Verarbeitung steuert, was passiert, nachdem das Formular abgesendet wurde. Etwa können hier E-Mails versendet oder PDF-Formular erzeugt werden. Siehe [[Status- und Aktionsverarbeitung>>doc:Formcycle.UserInterface.MyForms.WorkflowProcessing.WebHome]] für weitere Informationen.
38 +; {{ficon name="properties"/}} Elemente
39 +: Hiermit wird eine Übersicht aller Formularelemente in Tabellenform angezeigt. Hiermit kann schnell ein Überblick über alle Elemente und deren Eigenschaften gewonnen werden. Zudem ist es möglich, diese Elementübersicht auch als CSV- oder Excel-Datei zu exportieren.
40 40  ; {{ficon name="share-variant"/}} Veröffentlichen
41 41  : Über diese Schaltfläche stehen verschiedene Möglichkeiten zur Einbindung des Formulars bereit. Dies reicht von einem einfach Link zum aufrufen des Formulars über die Einbindung in eine Webseite bis hin zur Integration in Typo3 und WordPress. Siehe [[das Formularmenü Veröffentlichen>>doc:Formcycle.UserInterface.MyForms.Publish.WebHome]] für weitere Informationen hierzu.
42 +; {{ficon name="undo"/}} Rückgängig
43 +: Über diese Schaltfläche wird die letzte Änderung im Formular rückgängig gemacht.
44 +; {{ficon name="refresh"/}} Wiederholen
45 +: Über diese Schaltfläche kann die zuletzt rückgängig gemachte Änderung erneut angewendet werden.
46 +; {{ficon name="play-circle-outline1"/}} Öffnen
47 +: Öffnet das Formular in einem neuen Tab. Im Gegensatz zum Vorschaumodus, wird das gespeicherte Formular geöffnet, d.h. ungespeicherte Änderungen werden nicht verfügbar sein.
42 42  ; {{ficon name="play1"/}} Vorschau
43 43  : Über diese Schaltfläche kann eine Vorschau des Formulars geöffnet werden. In der Vorschau kann das Formular ausprobiert werden. Dies ist besonders dann nützlich, wenn das Formular dynamisch gestaltet wurde, etwa durch Ein- und Ausblenden von Elementen unter bestimmten Bedingungen.
44 44  
45 45  Unter der Schaltfläche //Mehr// finden sich zudem noch weitere fortgeschrittene Einstellungen. Die meisten dieser Einstellungen können auch in der [[das Formübersicht>>doc:Formcycle.UserInterface.MyForms.WebHome]] vorgenommen werden. Es gibt die folgenden Menüpunkte:
46 46  
47 -; {{ficon name="play1"/}} Öffnen
48 -: {{html}} {{/html}}
49 -:; {{ficon name="play1"/}} Öffnen im Vorschaumodus
50 -:: Über diese Schaltfläche kann eine Vorschau des Formulars geöffnet werden. In der Vorschau kann das Formular ausprobiert werden. Dies ist besonders dann nützlich, wenn das Formular dynamisch gestaltet wurde, etwa durch Ein- und Ausblenden von Elementen unter bestimmten Bedingungen.
51 -:; {{ficon name="play1"/}} Öffnen im Livemodus
52 -:: Öffnet das Formular in einem neuen Tab. Im Gegensatz zum Vorschaumodus, wird das gespeicherte Formular geöffnet, d.h. ungespeicherte Änderungen werden nicht verfügbar sein.
53 -
54 -; {{ficon name="properties"/}} Elementübersicht
55 -: Hiermit wird eine Übersicht aller Formularelemente in Tabellenform angezeigt. Hiermit kann schnell ein Überblick über alle Elemente und deren Eigenschaften gewonnen werden. Zudem ist es möglich, diese Elementübersicht auch als CSV- oder Excel-Datei zu exportieren.
56 -; {{ficon name="lock-open-outline"/}} Sperren / Entsperren
57 -: Falls es viele Nutzer am System gibt, wird es Probleme geben, falls mehrere Nutzer gleichzeitig ein Formular bearbeiten. Änderungen eines Nutzers würden dann durch einen anderen Nutzer überschrieben werden. Um dies zu vermeiden, kann das Formular über diese Schaltfläche gesperrt werden. Ist das Formular gesperrt, so wird anderen Nutzern eine Warnung angezeigt, falls diese versuchen, das Formular zu bearbeiten.
58 -; {{ficon name="lock-open-outline"/}} Dateien
53 +; {{ficon name="formycle-form"/}} Formular
54 +: Dadurch öffnet sich der Formular-Tab im Designer und das Formular kann konfiguriert werden.
55 +; {{ficon name="workflow-fill"/}} Workflow
56 +: Dadurch öffnet sich der Workflow-Tab im Designer und der Workflow des Formulars kann konfiguriert werden. Der Workflow steuert, was passiert, nachdem das Formular abgesendet wurde. Etwa können hier E-Mails versendet oder PDF-Formular erzeugt werden. Siehe [[Workflow>>doc:Formcycle.Designer.Workflow.WebHome]] für weitere Informationen.
57 +; {{ficon name="content-save-settings"/}} Dateien
59 59  : Hier können Dateien hochgeladen werden, welche nur für dieses Formular benötigt werden. Siehe hierzu auch [[Dateien>>doc:Formcycle.UserInterface.MyForms.Files]]
60 -; {{ficon name="user-doi"/}} Double-Opt-in
61 -: Falls erforderlich, kann hier ein Double-Opt-in für das Formular eingerichtet werden. Füllt jemand ein Formular aus und sendet es ab, muss derjenige bei aktiviertem Double-Opt-in dies zuerst noch per E-Mail bestätigen. Erst dann werden die abgesendeten Formulardaten angenommen und können weiter verarbeitet werden. Siehe hierzu auch [[Double-Opt-in>>doc:Formcycle.UserInterface.MyForms.DoubleOptIn.WebHome]].
62 62  ; {{ficon name="user"/}} Zugriff
63 63  : Unter diesem Menüpunkt finden sich verschiedenen Einstellungen zu Formularberechtigungen. Etwa kann eingestellt werden, ob das Formular nur mit einem Passwort aufrufbar sein soll oder welche Nutzergruppen das Formular bearbeiten dürfen. Siehe hierzu auch [[Zugriffseinstellungen>>doc:Formcycle.UserInterface.MyForms.Access]].
64 64  ; {{ficon name="inbox"/}} Postfach
... ... @@ -70,31 +70,24 @@
70 70  ; {{ficon name="information-outline"/}} Info
71 71  : Kurzübersicht über einige technische Informationen zum Formular, wie seiner ID oder dem Erstellungsdatum.
72 72  
73 -; {{icon name="download"/}} Exportieren {{version major="6" minor="2" patch="0"/}}
74 -: {{html}} {{/html}}
75 -:; {{ficon name="shredder"/}} Word- / PDF-Export
76 -:: Hier kann das Formular als statisches Word- oder PDF-Dokument exportiert werden. Siehe auch [[Word- / PDF-Export>>doc:Formcycle.UserInterface.MyForms.Export.Blank]].
77 -:; {{ficon name="shredder"/}} Steckbrief
78 -:: Hier kann ein Steckbrief mit einer Übersicht über die wichtigsten Eigenschaften eines Formulars erstellt werden. Siehe auch [[Steckbrief>>doc:Formcycle.UserInterface.MyForms.Export.Summary]].
79 -
80 -; {{ficon name="date"/}} Terminpläne {{version major="6" minor="5" patch="0"/}}
70 +; {{ficon name="date"/}} Terminpläne
81 81  : Hier können Terminpläne angelegt und editiert werden. Siehe auch [[Terminverwaltung>>doc:Formcycle.UserInterface.Appointments.WebHome]].
82 82  
83 -; {{ficon name="file-blank"/}} Templates {{version major="6" minor="6" patch="0"/}}
73 +; {{ficon name="file-blank"/}} Templates
84 84  : {{html}} {{/html}}
85 -:; {{ficon name="file-css-blank"/}} Design (CSS)
75 +:; {{ficon name="file-css-blank"/}} CSS-Templates
86 86  :: Hier können CSS-Templates eingerichtet werden, welche die Möglichkeit bieten, globale //CSS//-Regeln zu definieren, die von allen Formularen verwendet werden können. Siehe auch [[CSS-Templates>>doc:Formcycle.UserInterface.FilesAndTemplates.Design.WebHome]].
87 -:; {{ficon name="file-html-blank"/}} HTML
88 -:: Hier können HTML-Templates zum Beipiel für [[Abschlussseiten>>doc:Formcycle.UserInterface.MyForms.WorkflowProcessing.Actions.ResponsePage.WebHome]], [[Datenschutzerklärungen>>doc:Formcycle.FormDesigner.FormElements.Footer||anchor="HDatenschutzerklE4rung"]] oder das [[Impressum>>doc:Formcycle.FormDesigner.FormElements.Footer||anchor="HImpressum"]] angelegt und editiert werden. Siehe auch [[HTML-Templates>>doc:Formcycle.UserInterface.FilesAndTemplates.HTML.WebHome]].
77 +:; {{ficon name="file-html-blank"/}} HTML-Templates
78 +:: Hier können HTML-Templates zum Beipiel für [[Abschlussseiten>>doc:Formcycle.Designer.Workflow.Actions.HtmlResponsePage]], [[Datenschutzerklärungen>>doc:Formcycle.Designer.Form.FormElements.Footer||anchor="HDatenschutzerklE4rung"]] oder das [[Impressum>>doc:Formcycle.Designer.Form.FormElements.Footer||anchor="HImpressum"]] angelegt und editiert werden. Siehe auch [[HTML-Templates>>doc:Formcycle.UserInterface.FilesAndTemplates.HTML.WebHome]].
89 89  
90 -; {{ficon name="database"/}} Datenquellen
80 +; {{ficon name="database"/}} Quellen
91 91  : {{html}} {{/html}}
92 92  :; {{ficon name="database-search"/}} Datenbankabfragen
93 93  :: Hier können neue Abfragen an SQL-Datenbanken eingerichtet werden. Siehe auch [[Datenbankabfragen>>doc:Formcycle.UserInterface.Data.DBQueries]].
94 94  :; {{ficon name="account-search"/}} LDAP-Abfrage
95 95  :: Hier können neue Abfragen über LDAP eingerichtet werden. Siehe auch [[LDAP-Abfragen>>doc:Formcycle.UserInterface.Data.LDAPQueries]].
96 -:; {{ficon name="table-large"/}} Quellen
97 -:: Hier können statische Datenquellen hinterlegt werden, etwa Listen von Orten oder Postleitzahlen. Diese Listen können dann auch im Formular verwendet werden, etwa als Auswahlmöglichkeiten von [[Auswahlfeldern>>doc:.FormElements.Selection]]. Siehe auch [[Quelle>>doc:Formcycle.UserInterface.Data.Sources]].
86 +:; {{ficon name="table-large"/}} Datenquellen
87 +:: Hier können statische Datenquellen hinterlegt werden, etwa Listen von Orten oder Postleitzahlen. Diese Listen können dann auch im Formular verwendet werden, etwa als Auswahlmöglichkeiten von [[Auswahlfeldern>>doc:Formcycle.Designer.Form.FormElements.Selection]]. Siehe auch [[Quelle>>doc:Formcycle.UserInterface.Data.Sources]].
98 98  
99 99  ; {{ficon name="lan-connect"/}} Verbindungen
100 100  : {{html}} {{/html}}
... ... @@ -103,13 +103,21 @@
103 103  :; {{ficon name="user"/}} LDAP-Verbindungen
104 104  :: Bevor LDAP-Abfragen eingerichtet werden können, muss eine Verbindung zu dem entsprechenden LDAP-Server bzw. AD eingerichtet werden. Dies kann über diesen Menüpunkt vorgenommen werden. Siehe auch [[LDAP-Verbindungen>>doc:Formcycle.UserInterface.Data.LDAPConnections]].
105 105  
106 -; {{ficon name="action-download-file"/}} Lokale Sicherung
96 +; {{icon name="plus"/}} Zähler
97 +: Hier können [[Zähler>>Formcycle.UserInterface.Data.Counter]] erstellt und konfiguriert werden. Diese können bspw. durch die Aktion [[Zähler ändern>>doc:Formcycle.Designer.Workflow.Actions.ModifyCounter]] im Workflow zum Einsatz kommen.
98 +
99 +; {{icon name="download"/}} Exportieren
107 107  : {{html}} {{/html}}
108 -:; {{ficon name="folder"/}} Formular laden
109 -:: Über diese Schaltfläche kann eine auf dem Computer gespeichertes Formular geladen werden. Hierbei wird das aktuelle Formular überschrieben.
110 -:; {{ficon name="download-network"/}} Lokal speichern
111 -:: Über diese Schaltfläche kann die aktuelle Version des Formular auf den Computer heruntergeladen werden. Dabei wird nur das Formular abgespeichert, nicht etwa die zum Formular gehörige Statusverarbeitung oder zum Formular gehörige Dateien. Falls diese gewünscht ist, sollte [[das gesamte Formular exportiert werden>>doc:Formcycle.UserInterface.MyForms.Export.WebHome]].
101 +:; {{ficon name="shredder"/}} Formularexport
102 +:: Hier kann ein Webformular oder Workflow als JSON-Datei exportiert werden.
103 +:; {{ficon name="shredder"/}} Word- / PDF-Export
104 +:: Hier kann das Formular als statisches Word- oder PDF-Dokument exportiert werden. Siehe auch [[Word- / PDF-Export>>doc:Formcycle.UserInterface.MyForms.Export.Blank]].
105 +:; {{ficon name="shredder"/}} Steckbrief
106 +:: Hier kann ein Steckbrief mit einer Übersicht über die wichtigsten Eigenschaften eines Formulars erstellt werden. Siehe auch [[Steckbrief>>doc:Formcycle.UserInterface.MyForms.Export.Summary]].
112 112  
108 +; {{icon name="upload"/}} Importieren
109 +: Hier kann ein Webformular oder Workflow als JSON-Datei importiert werden.
110 +
113 113  == Formularvorschau ==
114 114  
115 115  Die Formularvorschau in der Mitte ist der Hauptteil des {{designer case="gen"/}}. Hier ist das Formular immer so zu sehen, wie es auch später aussieht. Formularelemente können direkt von der Elementleiste links in das Formular gezogen werden. Alle Änderungen an den Eigenschaften des Formulars im Eigenschaftsbereich rechts haben sofort Auswirkung auf die Formularvorschau.
... ... @@ -143,11 +143,11 @@
143 143  Im Eigeschaftsbereich können die Einstellungen des Formulars und die Eigenschaften der einzelnen Formularelemente bearbeitet werden. Oben im Eigenschaftsbereich finden sich mehrere Tabs für verschiedenen Einstellungen:
144 144  
145 145  ; Eigenschaften
146 -: Nur verfügbar, falls ein Formularelement durch Mausklick ausgewählt wurde. Hier finden sich die am häufigsten benötigten Eigenschaften, wie Name, Hilfetext oder Bedingungen. Siehe auch [[Elementeigenschaften>>doc:.ElementProperties.WebHome]] sowie [[Liste der Formularelemente>>doc:.FormElements.WebHome]].
144 +: Nur verfügbar, falls ein Formularelement durch Mausklick ausgewählt wurde. Hier finden sich die am häufigsten benötigten Eigenschaften, wie Name, Hilfetext oder Bedingungen. Siehe auch [[Elementeigenschaften>>doc:Formcycle.Designer.Form.ElementProperties.WebHome]] sowie [[Liste der Formularelemente>>doc:Formcycle.Designer.Form.FormElements.WebHome]].
147 147  ; Erweitert
148 -: Nur verfügbar, falls ein Formularelement durch Mausklick ausgewählt wurde. Hier finden sich weniger oft verwendete Eigenschaften, wie Nutzergruppenbeschränkungen oder HTML-Attribute. Siehe auch [[Elementeigenschaften>>doc:.ElementProperties.WebHome]] sowie [[Liste der Formularelemente>>doc:.FormElements.WebHome]].
146 +: Nur verfügbar, falls ein Formularelement durch Mausklick ausgewählt wurde. Hier finden sich weniger oft verwendete Eigenschaften, wie Nutzergruppenbeschränkungen oder HTML-Attribute. Siehe auch [[Elementeigenschaften>>doc:Formcycle.Designer.Form.ElementProperties.WebHome]] sowie [[Liste der Formularelemente>>doc:Formcycle.Designer.Form.FormElements.WebHome]].
149 149  ; Formular
150 -: Einstellungen, die das Formular betreffen, etwa Breite oder Name. Siehe hierzu [[Formulareigenschaften>>doc:Formcycle.FormDesigner.FormProperties]].
148 +: Einstellungen, die das Formular betreffen, etwa Breite oder Name. Siehe hierzu [[Formulareigenschaften>>doc:Formcycle.Designer.Form.FormProperties]].
151 151  ; Default
152 152  : Nur verfügbar, falls ein Formularelement durch Mausklick ausgewählt wurde. Hier können die Standardeinstellungen der verschiedenen Elemente geändert werden. Wird ein neues Elemente von der Elementauswahl links in das Formular gezogen, hat das neue Element diese Eigenschaften.
153 153  
... ... @@ -155,7 +155,7 @@
155 155  
156 156  [[image:designer_element_navigation_de.png]]
157 157  
158 -Eingabefelder und andere Formularelemente können sich innerhalb von [[Fieldsets>>doc:.FormElements.Fieldset]] oder [[Containern>>doc:.FormElements.Container]] befinden. Diese können sich ebenfalls in anderen Fieldsets oder Containern befinden. Die Navigationsleiste links unten bietet eine schnelle Übersicht, wo sich das derzeit markierte Formularelement befindet.
156 +Eingabefelder und andere Formularelemente können sich innerhalb von [[Fieldsets>>doc:Formcycle.Designer.Form.FormElements.Fieldset]] oder [[Containern>>doc:Formcycle.Designer.Form.FormElements.Container]] befinden. Diese können sich ebenfalls in anderen Fieldsets oder Containern befinden. Die Navigationsleiste links unten bietet eine schnelle Übersicht, wo sich das derzeit markierte Formularelement befindet.
159 159  
160 160  == Script- und CSS-Bereich ==
161 161  
... ... @@ -162,9 +162,9 @@
162 162  Beim diesem Bereich handelt es sich um einen fortgeschrittenen Bereich. Er wird durch Drücken auf den Pfeil [[image:designer_south_pane_expander.png]] unten im {{designer/}} geöffnet. Dieser Bereich besteht aus vier Unterbereichen:
163 163  
164 164  ; Script-Bereich
165 -: Hier ist es möglich, die Formularlogik mit selber geschriebenen JavaScript zu beeinflussen. Dieses JavaScript wird erst ausgeführt, [[sobald das Formular fertig geladen ist>>url:https://api.jquery.com/ready/||target="_blank"]]. Alle JavaScript-Dateien, die [[als Formulardatei am Formular hochgeladen wurden>>doc:Formcycle.UserInterface.MyForms.Files]], werden beim Aufruf des Formulars automatisch geladen (und sofort ausgeführt). Je nach Anwendungszweck kann es sinnvoll sein, JavaScript nicht direkt im Script-Tab einzugeben, sondern als Datei hochzuladen. Dies bietet sich besonders am, um Funktionen auszulagern um Bibliotheken von Drittanbietern einzubinden, damit diese den JavaScript-Code im Script-Tab nicht unnötig groß machen. Weitere Informationen finden sich unter [[Script-Bereich>>doc:Formcycle.FormDesigner.CodingPanel.WebHome]].
163 +: Hier ist es möglich, die Formularlogik mit selber geschriebenen JavaScript zu beeinflussen. Dieses JavaScript wird erst ausgeführt, [[sobald das Formular fertig geladen ist>>url:https://api.jquery.com/ready/||target="_blank"]]. Alle JavaScript-Dateien, die [[als Formulardatei am Formular hochgeladen wurden>>doc:Formcycle.UserInterface.MyForms.Files]], werden beim Aufruf des Formulars automatisch geladen (und sofort ausgeführt). Je nach Anwendungszweck kann es sinnvoll sein, JavaScript nicht direkt im Script-Tab einzugeben, sondern als Datei hochzuladen. Dies bietet sich besonders am, um Funktionen auszulagern um Bibliotheken von Drittanbietern einzubinden, damit diese den JavaScript-Code im Script-Tab nicht unnötig groß machen. Weitere Informationen finden sich unter [[Script-Bereich>>doc:Formcycle.Designer.Form.CodingPanel.WebHome]].
166 166  ; CSS-Bereich
167 -: In diesem Bereich kann das Aussehen des Formular durch selber geschriebenes CSS angepasst werden. Wie auch bei JavaScript werden alle CSS-Dateien, die am Formular hochgeladen wurden, automatisch mit eingebunden. Weitere Informationen finden sich unter [[CSS-Bereich>>doc:Formcycle.FormDesigner.CodingPanel.CSSTab.WebHome]].
165 +: In diesem Bereich kann das Aussehen des Formular durch selber geschriebenes CSS angepasst werden. Wie auch bei JavaScript werden alle CSS-Dateien, die am Formular hochgeladen wurden, automatisch mit eingebunden. Weitere Informationen finden sich unter [[CSS-Bereich>>doc:Formcycle.Designer.Form.CodingPanel.CSSTab.WebHome]].
168 168  ; Metadaten
169 169  : Der hier eingegebene Text wird direkt im HTML-Header des Formulars mit eingebunden. Hier können etwa eigene meta-Attribute definiert werden oder zusätzliche CSS beziehungsweise JavaScript-Dateien eingebunden werden.
170 170  ; Variablen
... ... @@ -176,5 +176,5 @@
176 176  
177 177  Rechts unten können weitere Sprachversionen des Formulars angelegt und zu anderen Versionen des Formulars gewechselt werden:
178 178  
179 -* Das Formular, so wie es angelegt wird, ist erstmal in allen Sprachen so zu sehen. Um für eine bestimmte Sprache eine übersetzte Version des Formulars anzulegen, kann in die entsprechende Sprache gewechselt werden. Hier sind dann nur die Beschriftungstexte änderbar, jedoch nicht die Formularlogik. Siehe auch [[Internationalisierung>>doc:Formcycle.FormDesigner.Internationalization]].
177 +* Das Formular, so wie es angelegt wird, ist erstmal in allen Sprachen so zu sehen. Um für eine bestimmte Sprache eine übersetzte Version des Formulars anzulegen, kann in die entsprechende Sprache gewechselt werden. Hier sind dann nur die Beschriftungstexte änderbar, jedoch nicht die Formularlogik. Siehe auch [[Internationalisierung>>doc:Formcycle.Designer.Form.Internationalization]].
180 180  * Jedesmal, wenn das Formular gespeichert wird, erstellt das System automatisch ein Backup. Durch Klick rechts unten auf die Version kann bei Bedarf auf eine älteres Backup des Formular gewechselt werden.
designer_topbar_de_62.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.awa
Größe
... ... @@ -1,1 +1,0 @@
1 -16.5 KB
Inhalt