... |
... |
@@ -1,12
+1,11 @@ |
1 |
1 |
{{content/}} |
2 |
2 |
|
3 |
|
-Ein Formular besteht aus einer oder mehreren Seiten. Der Nutzer fängt auf der ersten Seite an und navigiert über [[Schaltflächen>doc::Schalt]] durch die Seiten. Jede Seite selbst besteht aus Formularelementen, welche frei zusammengestellt werden können. |
|
3 |
+Ein Formular besteht aus einer oder mehreren Seiten. Der Nutzer fängt auf der ersten Seite an und navigiert über [[Schaltflächen>>doc:Button]] durch die Seiten. Jede Seite selbst besteht aus Formularelementen, welche frei zusammengestellt werden können. |
4 |
4 |
|
5 |
|
-In {{formcycle/}} stehen immer die Standardelemente zur Verfügung. Zudem können im {{designer/}} auch [[Vorlagen>doc:asd]] erstellt werden. Über Plugins können weitere Elemente für spezielle Anwendungsfälle hinzugefügt werden. Schließlich besteht auch die Möglichkeit, über JavaScript-Framework wie //jQuery UI// eigene Elemente in das Formular zu integrieren. |
|
5 |
+In {{formcycle/}} stehen immer die Standardelemente zur Verfügung. Zudem können im {{designer/}} auch [[Vorlagen>>doc:Formcycle.FormDesigner.ElementTemplates]] erstellt werden. Über Plugins können weitere Elemente für spezielle Anwendungsfälle hinzugefügt werden. Schließlich besteht auch die Möglichkeit, über JavaScript-Framework wie //jQuery UI// eigene Elemente in das Formular zu integrieren. |
6 |
6 |
|
|
7 |
+Folgende Standardelemente stehen aktuell zur Verfügung: |
7 |
7 |
|
8 |
|
-Folgende Standardelemente stehen aktuell zur Verfügung.: |
9 |
|
- |
10 |
10 |
{{subpages title="Die verfügbaren Formularelemente" float="none"/}} |
11 |
11 |
|
12 |
12 |
== Elemente im Designbereich positionieren == |
... |
... |
@@ -24,7
+24,7 @@ |
24 |
24 |
Ziehen Sie das Element über das andere Element und lassen Sie es los. Befinden sich in dem Element bereits weitere Elemente, so gehen Sie wie im vorherigen Abschnitt vor. |
25 |
25 |
|
26 |
26 |
{{info}} |
27 |
|
-Es lässt sich nicht jedes Element in ein anderes Element einfügen. Folgende Elemente ermöglichen das Aufnehmen weiterer Elemente: [[Seite>>doc:Main.Seite]], [[Container>>doc:Main.Container]] und [[Fieldset>>doc:Main.Fieldset]]. |
|
26 |
+Es lässt sich nicht jedes Element in ein anderes Element einfügen. Folgende Elemente ermöglichen das Aufnehmen weiterer Elemente: [[Seite>>doc:Page]], [[Container>>doc:Container]] und [[Fieldset>>doc:Fieldset]]. |
28 |
28 |
{{/info}} |
29 |
29 |
|
30 |
30 |
=== Positionieren von Elementen ohne Drag&Drop === |
... |
... |
@@ -33,8
+33,8 @@ |
33 |
33 |
|
34 |
34 |
Wenn Sie das Element nicht verschieben möchten, drücken Sie die Escape-Taste oder drücken Sie erneut auf das zu verschiebende Element, um den Verschiebungsmodus zu beenden. |
35 |
35 |
|
36 |
|
-{{figure image="element_pos_3.png"}} |
37 |
|
-Alternativ ist es auch möglich, ein Elemente ohne Drag&Drop zu verschieben. Führen Sie hierzu einen Doppelklick auf das Element aus. |
|
35 |
+{{figure image="designer_mode_move_element.png"}} |
|
36 |
+Alternativ ist es auch möglich, ein Element ohne Drag&Drop zu verschieben. Führen Sie hierzu einen Doppelklick auf das Element aus. |
38 |
38 |
{{/figure}} |
39 |
39 |
|
40 |
40 |
== Elemente markieren == |
... |
... |
@@ -41,15
+41,15 @@ |
41 |
41 |
|
42 |
42 |
=== Einfache Markierung === |
43 |
43 |
|
44 |
|
-{{figure image="element_select_0.png"}} |
|
43 |
+{{figure image="designer_element_and_properties_de.png"}} |
45 |
45 |
Durch Klick wird ein Element selektiert. Rechts können seine Eigenschaften nun bearbeitet werden. |
46 |
46 |
{{/figure}} |
47 |
47 |
|
48 |
48 |
Klicken Sie mit der Maus auf ein Element, um es auszuwählen. Das Element wird farbig hervorgehoben. Rechts im Eigenschaftsbereich können Sie nun die Eigenschaften des Elements bearbeiten. |
49 |
49 |
|
50 |
|
-==== Mehrfachmarkierungen ==== |
|
49 |
+=== Mehrfachmarkierungen === |
51 |
51 |
|
52 |
|
-{{figure image="element_select_1.png" width="300"}} |
|
51 |
+{{figure image="designer_element_multiselect_de.png"}} |
53 |
53 |
Durch Drücken der Umschalt-Taste können auch mehrere Elemente selektiert werden. |
54 |
54 |
{{/figure}} |
55 |
55 |
|
... |
... |
@@ -62,13
+62,13 @@ |
62 |
62 |
|
63 |
63 |
Ist ein Element selektiert, erscheinen in der Leiste links unten im {{designer case="dat"/}} alle übergeordneten Elemente und können per auch Klick ausgewählt werden. Dies ist etwa nützlich, um einfache Elemente vom Typ [[Seite>>doc:Formcycle.FormDesigner.FormElements.Page]] oder [[Container>>doc:Formcycle.FormDesigner.FormElements.Container]] auswählen zu können. |
64 |
64 |
|
65 |
|
-{{figure image="FCDesSel.png"}} |
|
64 |
+{{figure image="designer_element_and_hierarchy_de.png"}} |
66 |
66 |
In der Navigationsleiste links unten können die Elternelemente des ausgewählten Elements eingesehen und auch markiert werden. |
67 |
67 |
{{/figure}} |
68 |
68 |
|
69 |
|
-== Elemente kopieren und löschen |
|
68 |
+== Elemente kopieren und löschen == |
70 |
70 |
|
71 |
|
-{{figure image="asd"}} |
|
70 |
+{{figure image="designer_element_context_menu_de.png"}} |
72 |
72 |
Durch Rechtsklick auf ein Element öffnet sich ein Kontextmenü mit verschiedenen Aktionen. |
73 |
73 |
{{/figure}} |
74 |
74 |
|
... |
... |
@@ -78,3
+78,11 @@ |
78 |
78 |
* Durch Drücken von //Strg+C// kann das Element kopiert und mit //Strg+V// eingefügt werden. |
79 |
79 |
|
80 |
80 |
Alternativ können Elementen auch gelöscht und kopiert werden, indem auf das Element mit der rechten Maustaste geklickt wird. Es öffnet sich dann ein Menü mit verschiedenen Aktionen. |
|
80 |
+ |
|
81 |
+== Elemente transformieren {{version major="6" minor="3" patch="0"/}} |
|
82 |
+ |
|
83 |
+{{figure image="designer_element_transform_de.png"}} |
|
84 |
+Durch Klick auf die Auswahl erscheint eine durchsuchbare Liste mit möglichen Zielelementen. |
|
85 |
+{{/figure}} |
|
86 |
+ |
|
87 |
+Ab {{formcycle/}} Version 6.3.0 ist es möglich, im Formular vorhandene Elemente in andere Elementtypen zu transformieren. Während [[Container>>doc:Container]] und [[Fieldset>>doc:Fieldset]] nur in den jeweils anderen Elementtyp überführt werden können, können alle anderen Elementtypen in beliebige andere Typen transformiert werden, jedoch nicht in Container und Fieldsets. |