Änderungen von Dokument Formulardesigner

Von Version < 9.1 >
bearbeitet von awa
am 09.04.2019, 15:08
Auf Version < 59.15
bearbeitet von gru
am 13.11.2020, 10:48
<
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -AWA_DE_EN_Formulardesigner
1 +Formulardesigner
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.awa
1 +XWiki.gru
Tags
... ... @@ -1,0 +1,1 @@
1 +Sprache|Language|Designer
Inhalt
... ... @@ -27,56 +27,89 @@
27 27  
28 28  == Aktionsleiste ==
29 29  
30 -{{figure image="designer_topbar_de.png" width="300"}}
30 +{{figure image="designer_topbar_de_62.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  
34 34  In der Aktionsleiste oben finden sich Aktionen zum Formular:
35 35  
36 -; {{ficon name="content-save-all"/}}Speichern
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
38 +; {{ficon name="workflow-fill"/}} Verarbeitung
39 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.
40 -; {{ficon name="share-variant"/}}Veröffentlichen
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="play1"/}}Vorschau
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="properties"/}}Elementübersicht
47 +; {{ficon name="play1"/}} Öffnen
48 +: {{html}}&nbsp;{{/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
48 48  : 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.
49 -; {{ficon name="lock-open-outline"/}}Sperren / Entsperren
56 +; {{ficon name="lock-open-outline"/}} Sperren / Entsperren
50 50  : 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.
51 -; {{ficon name="lock-open-outline"/}}Dateien
58 +; {{ficon name="lock-open-outline"/}} Dateien
52 52  : Hier können Dateien hochgeladen werden, welche nur für dieses Formular benötigt werden. Siehe hierzu auch [[Dateien>>doc:Formcycle.UserInterface.MyForms.Files]]
53 -; {{ficon name="user-doi"/}}Double-Opt-in
60 +; {{ficon name="user-doi"/}} Double-Opt-in
54 54  : 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]].
55 -; {{ficon name="user"/}}Zugriff
62 +; {{ficon name="user"/}} Zugriff
56 56  : 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]].
57 -; {{ficon name="inbox"/}}Postfach
64 +; {{ficon name="inbox"/}} Postfach
58 58  : Hier kann eingestellt werden, in welchem Postfach abgesendete Formulare im [[Posteingang>>doc:Formcycle.Inbox.WebHome]] zu finden sind. Weiterhin kann auch festgelegt werden, welche Werte von Formularelementen im Postfach angezeigt werden. Siehe hierzu auch [[Postfacheinstellungen>>doc:Formcycle.UserInterface.MyForms.Inbox]].
59 -; {{ficon name="table-large"/}}Datentabelle
66 +; {{ficon name="table-large"/}} Datentabelle
60 60  : Die Datentabelle ist ein fortgeschrittene Möglichkeit und erlaubt das Anlegen eigener Datenbanktabellen für Formulardaten. Siehe hierzu auch [[Datentabelle>>doc:Formcycle.UserInterface.MyForms.DataTables]].
61 -; {{ficon name="clock-outline"/}}Versionen
68 +; {{ficon name="clock-outline"/}} Versionen
62 62  : Hier können alle Versionen des Formular eingesehen und verwaltet werden. Auch ist es möglich, eine neue Version anzulegen oder bereits existierende zu exportieren. Siehe hierzu auch [[Formularversionen>>doc:Formcycle.UserInterface.MyForms.Versions]].
63 -; {{ficon name="information-outline"/}}Info
70 +; {{ficon name="information-outline"/}} Info
64 64  : Kurzübersicht über einige technische Informationen zum Formular, wie seiner ID oder dem Erstellungsdatum.
65 -; {{ficon name="database-search"/}}Datenbankabfragen
66 -: Hier können neue Abfragen an SQL-Datenbanken eingerichtet werden. Siehe auch [[Datenbankabfragen>>doc:Formcycle.UserInterface.Data.DBQueries]].
67 -; {{ficon name="account-search"/}}LDAP-Abfrage
68 -: Hier können neue Abfragen über LDAP eingerichtet werden. Siehe auch [[LDAP-Abfragen>>doc:Formcycle.UserInterface.Data.LDAPQueries]].
69 -; {{ficon name="table-large"/}}Quellen
70 -: 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]].
71 -; {{ficon name="database-gear"/}}DB-Verbindungen
72 -: Bevor Datenbankabfragen eingerichtet werden können, muss eine Verbindung zu der entsprechenden Datenbank eingerichtet werden. Dies kann über diesen Menüpunkt vorgenommen werden. Siehe auch [[DB-Verbindungen>>doc:Formcycle.UserInterface.Data.DBConnections]].
73 -; {{ficon name="user"/}}LDAP-Verbindungen
74 -: Bevor LDAP-Abfragen eingerichtet werden können, muss eine Verbindung zu dem entsprechenden AD eingerichtet werden. Dies kann über diesen Menüpunkt vorgenommen werden. Siehe auch [[LDAP-Verbindungen>>doc:Formcycle.UserInterface.Data.LDAPConnections]].
75 -; {{ficon name="folder"/}}Formular laden
76 -: Über diese Schaltfläche kann eine auf dem Computer gespeichertes Formular geladen werden. Hierbei wird das aktuelle Formular überschrieben.
77 -; {{ficon name="download-network"/}}Lokal speichern
78 -: Ü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]].
79 79  
73 +; {{icon name="download"/}} Exportieren {{version major="6" minor="2" patch="0"/}}
74 +: {{html}}&nbsp;{{/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"/}}
81 +: Hier können Terminpläne angelegt und editiert werden. Siehe auch [[Terminverwaltung>>doc:Formcycle.UserInterface.Appointments.WebHome]].
82 +
83 +; {{ficon name="file-blank"/}} Templates {{version major="6" minor="6" patch="0"/}}
84 +: {{html}}&nbsp;{{/html}}
85 +:; {{ficon name="file-css-blank"/}} Design (CSS)
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]].
89 +
90 +; {{ficon name="database"/}} Datenquellen
91 +: {{html}}&nbsp;{{/html}}
92 +:; {{ficon name="database-search"/}} Datenbankabfragen
93 +:: Hier können neue Abfragen an SQL-Datenbanken eingerichtet werden. Siehe auch [[Datenbankabfragen>>doc:Formcycle.UserInterface.Data.DBQueries]].
94 +:; {{ficon name="account-search"/}} LDAP-Abfrage
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]].
98 +
99 +; {{ficon name="lan-connect"/}} Verbindungen
100 +: {{html}}&nbsp;{{/html}}
101 +:; {{ficon name="database-gear"/}} DB-Verbindungen
102 +:: Bevor Datenbankabfragen eingerichtet werden können, muss eine Verbindung zu der entsprechenden Datenbank eingerichtet werden. Dies kann über diesen Menüpunkt vorgenommen werden. Siehe auch [[DB-Verbindungen>>doc:Formcycle.UserInterface.Data.DBConnections]].
103 +:; {{ficon name="user"/}} LDAP-Verbindungen
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 +
106 +; {{ficon name="action-download-file"/}} Lokale Sicherung
107 +: {{html}}&nbsp;{{/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]].
112 +
80 80  == Formularvorschau ==
81 81  
82 82  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.
... ... @@ -129,9 +129,9 @@
129 129  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:
130 130  
131 131  ; Script-Bereich
132 -: Hier ist es möglich, die Formularlogik mit selber geschriebenen JavaScript zu beeinflussen. Alle JavaScript-Dateien, die [[als Formulardatei am Formular hochgeladen wurden>>doc:Formcycle.UserInterface.MyForms.Files]], werden beim Aufruf des Formulars automatisch geladen. Je nach Anwendungszweck kann es sinnvoll sein, JavaScript nicht direkt im Script-Tab einzugeben, sondern als Datei hochzuladen. Dies bietet sich besonders am, 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:.ScriptMetaAndCssTabs.WebHome]].
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]].
133 133  ; CSS-Bereich
134 -: 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:.ScriptMetaAndCssTabs.CSSTab.WebHome]].
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]].
135 135  ; Metadaten
136 136  : 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.
137 137  ; Variablen
... ... @@ -145,126 +145,3 @@
145 145  
146 146  * 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]].
147 147  * 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.
148 -
149 -
150 -== Schnelleinstieg ==
151 -
152 -{{panel inline="false" initial="hidden" triggerable="true" title="Elemente in den Designbereich ziehen und positionieren"}}
153 -
154 -{{figure image="formcycle_designer_move_element.png" width="300"}} {{/figure}}
155 -
156 -Fahren Sie mit der Maus über das entsprechende Element, klicken Sie es an und ziehen es in den Arbeitsbereich.
157 -
158 -
159 -Um ein Element an eine bestimmte Position zu bewegen, positionieren Sie es über, unter oder neben dem bereits vorhandenen Element. Möchten Sie ein Element in einen Container (DIV, Fieldset) einfügen, so ziehen Sie es über dieses.
160 -
161 -Siehe auch [[Elemente im Designbereich positionieren>>Elemente]]
162 -{{/panel}}
163 -
164 -{{panel inline="false" triggerable="true" initial="hidden" title="Label eines Element ausrichten"}}
165 -
166 -{{figure image="formcycle_designer_element_label_left.png" width="300"}} {{/figure}}
167 -
168 -{{figure image="formcycle_designer_element_label_gap_0.png" width="300"}} {{/figure}}
169 -
170 -Die meisten Formularelemente (Eingabefelder, Checkboxen, Listen, Upload) integrieren ein Label für die entsprechende Beschriftung des Elements, so dass dies nicht separat definiert werden muss. Die Position des Labels wird über die Eigenschaften des Elements festgelegt.
171 -
172 -Der Abstand zwischen Label und Element wird ebenfalls über die Eigenschaften (Attribut "Breite") festgelegt.
173 -
174 -
175 -
176 -{{/panel}}
177 -
178 -{{panel initial="hidden" inline="false" triggerable="true" title="Pflichtfeld definieren"}}
179 -
180 -{{figure image="FormCycle_Designer_Mussfeld_0.png" width="300"}} {{/figure}}
181 -
182 -Eingabe- und Auswahlelemente können zu sog. Pflicht- bzw. Mussfeldern definiert werden. Wurde diese Option gewählt, muss der Benutzer das entsprechende Element ausfüllen bzw. einen Wert selektieren, macht er dies nicht, wird eine Fehlermeldung am Element angezeigt und er kann das Formular nicht absenden bzw. nicht zur nächsten Seite navigieren. Das Ändern der Fehlerdarstellung wird weiter unten auf dieser Seite beschrieben. Eine Besonderheit stellt die Combobox (Auswahlelement) dar. Wird diese zum Pflichtfeld definiert, wird automatisch der Eintrag "Bitte auswählen" an der ersten Stelle angezeigt.
183 -
184 -
185 -{{/panel}}
186 -
187 -{{panel initial="hidden" triggerable="true" inline="false" title="Validator / Datentyp von Eingabefeldern festlegen"}}
188 -
189 -{{figure image="FormCycle_Designer_Datentyp.png" width="300"}} {{/figure}}
190 -
191 -Für jedes Eingabeelement kann ein Datentyp festgelegt werden. Über diesen Datentyp werden dann im Formular die Eingabe des Benutzers geprüft. Ein Beispiel hierfür ist z.B. der Datentyp PLZ (Deutschland). Bei diesem Datentyp wird geprüft ob die Eingabe nicht mehr als 5 Zeichen enthält und nur Zahlen eingegeben wurden. Neben diesem Datentyp stehen weitere wie z.B. E-Mail, Zahlen ... zur Verfügung. Wie beim Pflichtfeld erscheint bei fehlerhafter Eingabe eine Fehlermeldung und das Absenden bzw. Navigieren ist nicht mehr möglich.
192 -
193 -
194 -{{/panel}}
195 -
196 -{{panel inline="false" initial="hidden" triggerable="true" title="Elemente verstecken"}}
197 -
198 -{{figure image="formcycle_designer_element_hide_0.png" width="300"}} Element (Auswahl) wird angezeigt wenn Checkbox "meineCheckbox" aktiviert wurde. {{/figure}}
199 -
200 -
201 -
202 -{{figure image="formcycle_designer_element_hide_1.png" width="300"}} Element (Eingabefeld) wird versteckt wenn Checkbox "meineCheckbox" aktiviert wurde {{/figure}}
203 -
204 -Bei dynamischen Formularen kommt es oft vor das Elemente bzw. ganze Bereiche Ein- und ausgeblendet werden. Neben der Möglichkeit dies direkt über JavaScript (Siehe Scriptbesipiele) umzusetzen, ist dies auch über die Eigenschaften des Elements möglich.
205 -
206 -
207 -Möchten Sie ein Element bzw. einen Bereich in Abhängigkeit der Auswahl eines anderen Elements Ein- oder Ausblenden, stehen die Attribute "Sichtbar wenn" bzw. "Versteckt wenn" zur Verfügung.
208 -
209 -
210 -{{/panel}}
211 -
212 -{{panel initial="hidden" inline="false" triggerable="true" title="Bilder hinzufügen"}}
213 -
214 -{{figure image="FORMCYCLE_Designer_Bild_0.png" width="300"}} {{/figure}}
215 -
216 -Bilder werden im FormCycle Designer wie Elemente behandelt und können dementsprechend auch so positioniert werden. Ziehen Sie als erstes das Bildelement an die gewünschte Position und ziehen danach das Bild (Datei) aus dem Dateiexplorer (Windows) / Finder (mac) in die entsprechende "Drop" Fläche.
217 -
218 -
219 -{{/panel}}
220 -
221 -{{panel initial="hidden" triggerable="true" inline="false" title="Neue Formularseite einfügen"}}
222 -
223 -{{figure image="formcycle_create_new_page.png" width="300"}} {{/figure}}
224 -
225 -{{figure image="formcycle_designer_new_page_1.png" width="300"}} {{/figure}}
226 -
227 -Mit dem FormCycle Designer können problemlos mehrseitige Formulare erstellen werden. Ziehe Sie einfach das Seitenelement im Bereich "Formularelemente" in den grauen Bereich der Arbeitsfläche.
228 -Nach dem Einfügen einer neuen Seite steht diese auch in Auswahl der Schaltflächen-Navigation zur Verfügung.
229 -
230 -
231 -{{/panel}}
232 -
233 -{{panel initial="hidden" triggerable="true" inline="false" title="Relative Breite von Elementen ändern"}}
234 -
235 -
236 -
237 -{{figure image="breite_0.png" width="300"}}{{/figure}}
238 -
239 -
240 -
241 -{{figure image="breite_2.png" width="300"}}{{/figure}}
242 -
243 -
244 -
245 -Alle Elemente in FormCycle werden prinzipiell relativ positioniert, nur so kann sich das Formular an unterschiedliche Endgeräte und Auflösungen anpassen. Daher gibt es, bis auf wenige Ausnahmen, keine absoluten Größenangaben. Die Breite von Elementen wird immer relativ angegeben.
246 -
247 -Beispiel:
248 -
249 -Es befinden sich zwei Elemente nebeneinander deren Breite jeweils 50% zur Gesamtbreite des Formulars entspricht. Wird für das rechte Element jetzt die relative Breite "2" eingestellt, so hat dieses Element den Faktor 2 gegenüber dem ersten Element. Das linke Element wird kleiner und das rechte größer (In Prozent: links (33%) und rechts (66%)). wird die Größe des Browsers verändert,bleiben die Relationen der Elemente gleich.
250 -
251 -
252 -{{/panel}}
253 -
254 -{{panel initial="hidden" triggerable="true" title="Elemente duplizieren" inline="false"}}
255 -
256 -{{figure image="formcycle_designer_duplizieren.png" width="300"}} {{/figure}}
257 -
258 -Markieren Sie das Element und duplizieren Sie es über das Icon (Siehe Screenhot) in der Werkzeugleiste. Bitte beachten Sie das immer nur ein Elemente dupliziert werden kann. Befinden sich in einem zu duplizierendes Element weitere Elemente (DIV, Fieldset), so werden diese ebenfalls dupliziert. Nach dem Vorgang erhalten alle duplizierten Elemente neue Elementnamen!
259 -
260 -
261 -{{/panel}}
262 -
263 -{{panel initial="hidden" triggerable="true" title="Formular auf dem Server veröffentlichen" inline="false"}}
264 -
265 -{{figure image="formcycle_designer_publish.png" width="300"}} {{/figure}}
266 -
267 -Die Veröffentlichung des Formulars erfolgt über die Schaltfläche in der Werkzeugleiste.
268 -
269 -
270 -{{/panel}}
FORMCYCLE_Designer_Bild_0.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -134.7 KB
Inhalt
FormCycle_Designer_Datentyp.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -84.0 KB
Inhalt
FormCycle_Designer_Mussfeld_0.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -59.8 KB
Inhalt
breite_0.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -30.1 KB
Inhalt
breite_1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -29.4 KB
Inhalt
breite_2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -29.6 KB
Inhalt
duplicate_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -86.0 KB
Inhalt
einfügen.jpg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -59.7 KB
Inhalt
einfügen.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -26.4 KB
Inhalt
element_datatype_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -88.5 KB
Inhalt
element_hide_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -43.2 KB
Inhalt
element_image_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -420.4 KB
Inhalt
element_label_align_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -68.8 KB
Inhalt
element_label_width_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -68.3 KB
Inhalt
element_required_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -66.2 KB
Inhalt
element_visible_if_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -65.9 KB
Inhalt
formcycle_create_new_page.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -117.0 KB
Inhalt
formcycle_designer_duplizieren.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -32.9 KB
Inhalt
formcycle_designer_element_hide_0.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -38.8 KB
Inhalt
formcycle_designer_element_hide_1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -70.3 KB
Inhalt
formcycle_designer_element_hide_2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -15.6 KB
Inhalt
formcycle_designer_element_label_gap_0.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -34.9 KB
Inhalt
formcycle_designer_element_label_left.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -38.5 KB
Inhalt
formcycle_designer_move_element.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -32.4 KB
Inhalt
formcycle_designer_new_page_1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -50.4 KB
Inhalt
formcycle_designer_publish.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -32.9 KB
Inhalt
move_element_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -45.0 KB
Inhalt
new_page2_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -125.7 KB
Inhalt
new_page_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -168.7 KB
Inhalt
publish_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -85.7 KB
Inhalt
relative_size2_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -60.1 KB
Inhalt
relative_size_en.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ximaadmin
Größe
... ... @@ -1,1 +1,0 @@
1 -67.5 KB
Inhalt
designer_language_version_select_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +3.4 KB
Inhalt
designer_language_version_select_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +3.7 KB
Inhalt
designer_south_pane_expander.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +449 bytes
Inhalt
designer_topbar_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +152.1 KB
Inhalt
designer_topbar_de_62.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.gru
Größe
... ... @@ -1,0 +1,1 @@
1 +130.6 KB
Inhalt
designer_topbar_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.nlo
Größe
... ... @@ -1,0 +1,1 @@
1 +144.7 KB
Inhalt
designer_topbar_en_62.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.gru
Größe
... ... @@ -1,0 +1,1 @@
1 +121.1 KB
Inhalt
designer_workspace_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +409.5 KB
Inhalt
designer_workspace_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +452.1 KB
Inhalt
XWiki.XWikiRights[0]
Ebenen
... ... @@ -1,1 +1,1 @@
1 -view,edit,delete,comment
1 +edit,delete,comment
XWiki.XWikiRights[1]
Ebenen
... ... @@ -1,1 +1,1 @@
1 -view,edit,delete,comment
1 +edit,delete,comment
XWiki.XWikiRights[2]
Erlauben/Verbieten
... ... @@ -1,1 +1,0 @@
1 -1
Ebenen
... ... @@ -1,1 +1,0 @@
1 -view
Benutzer
... ... @@ -1,1 +1,0 @@
1 -XWiki.XWikiGuest

Navigation

Copyright 2000-2024