Wiki-Quellcode von AWA_DE_EN_Formulardesigner

Zeige letzte Bearbeiter
1 {{content/}}
2
3 {{figure image="designer_workspace_de.png" width="600" clear="h2"}}
4 Der Arbeitsbereich des {{designer case="gen"/}}. Abgebildet sind die einzelnen Unterbereiche. Im Hauptbereich in der Mitte sieht man das aktuelle Formular.
5 {{/figure}}
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.
8
9 Im Folgenden werden die wesentlichen Komponenten des Arbeitsbereichs kurz vorgestellt.
10
11 == Elementauswahl ==
12
13 {{figure image="designer_element_list_de.png" width="200"}}
14 Die Liste aller vorhandenen Formularelemente. Durch Drag&Drop können Sie mit der Maus in das Formular gezogen und positioniert werden.
15 {{/figure}}
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:
18
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]].
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]].
23 ; Mehr Elemente
24 : Falls ein entsprechendes Katalog-Plugin installiert ist, finden sich hier weitere durch das Plugin bereitgestellte Elemente.
25
26 Zudem kann es auch noch weitere Tabs mit Elementen geben, falls bestimmte Plugins installiert sind.
27
28 == Aktionsleiste ==
29
30 {{figure image="designer_topbar_de.png" width="300"}}
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 {{/figure}}
33
34 In der Aktionsleiste oben finden sich Aktionen zum Formular:
35
36 ; {{ficon name="content-save-all"/}}Speichern
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.
40 ; {{ficon name="share-variant"/}}Veröffentlichen
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
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
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
47 ; {{ficon name="properties"/}}Elementübersicht
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
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
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
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
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
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
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
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
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
80 == Formularvorschau ==
81
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.
83
84 === Verschieben von Elementen ===
85
86 Um ein schon vorhandenes Elemente an eine andere Stelle zu verschieben, gibt es zwei Möglichkeiten:
87
88 * Das Element mit der Maus anklicken, gedrückt halten und an die gewünschte Stelle.
89 * Auf das Element doppelklicken, dann zur gewünschten Stelle scrollen und auf die Stelle einmal klicken. Dies ist etwa sinnvoll, wenn ein Elemente von oben ganz nach unten verschoben werden soll und das Formular sehr lang ist.
90
91 === Kopieren und Löschen von Elementen ===
92
93 Um ein Element zu löschen oder zu kopieren, wird das Element erst durch einen Mausklick selektiert. Durch einen Rechtsklick öffnet sich nun ein Menü mit Optionen zum Löschen oder Kopieren (Duplizieren) des ausgewählten Elements. Alternativ können auch die Tasten //Entf// bzw. die Tasturkürzel //Strg+C// und //Strg+V// verwendet werden.
94
95 === Suchen nach Elementen ===
96
97 {{figure image="designer_element_search_de.png"}}
98 Die Suchleiste zum Auffinden von Formularelementen. Sie wird geöffnet durch Klick auf den Suchknopf {{icon name="search"/}} rechts unten oder durch Drücken von //Strg+F//.
99 {{/figure}}
100
101 Wird ein Formular länger, gestaltet sich das Finden bestimmter Elemente schwierig. Um Elemente einfacher findet zu können, kann die Elementsuchleiste verwendet werden. Diese öffnet sich entweder
102
103 * durch Betätigten des Suchknopfs {{icon name="search"/}} rechts unten
104 * oder durch Drücken von der Tastenkombination //Strg+F//
105
106 Im Suchfeld wird ein Name eingegeben, nachdem gesucht werden soll. Durch Betätigen der Enter-Taste oder durch Drücken der Pfeile rechts neben dem Suchfeld kann dann zu den gefundenen Formularelementen gesprungen werden. Es wird hierbei nach den Namen der Formularelemente gesucht. Weiterhin ist es auch möglich, nach Eigenschaften von Formularelementen zu suchen. Falls etwa nach allen Auswahlelementen mit der Auswahloption //Website// gesucht werden soll, wird im Suchfeld //optionen:Website// eingegeben.
107
108 == Eigenschaftsbereich ==
109
110 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:
111
112 ; Eigenschaften
113 : 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]].
114 ; Erweitert
115 : 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]].
116 ; Formular
117 : Einstellungen, die das Formular betreffen, etwa Breite oder Name. Siehe hierzu [[Formulareigenschaften>>doc:Formcycle.FormDesigner.FormProperties]].
118 ; Default
119 : 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.
120
121 == Navigation ==
122
123 [[image:designer_element_navigation_de.png]]
124
125 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.
126
127 == Script- und CSS-Bereich ==
128
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
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]].
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]].
135 ; Metadaten
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 ; Variablen
138 : Bei Variablen handelt es sich um versteckte Eingabefelder. Diese werden oft in Verbindung mit JavaScript genutzt, um etwa bestimmte Werte im Voraus zu berechnen und für die spätere Verarbeitung auf dem Server verfügbar zu machen.
139
140 == Sprache & Version ==
141
142 [[image:designer_language_version_select_de.png]]
143
144 Rechts unten können weitere Sprachversionen des Formulars angelegt und zu anderen Versionen des Formulars gewechselt werden:
145
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 * 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}}

Navigation

Copyright 2000-2024