Von Version < 11.1 >
bearbeitet von awa
am 10.04.2019, 11:18
Auf Version < 18.5
bearbeitet von gru
am 27.05.2020, 14:21
<
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.awa
1 +XWiki.gru
Inhalt
... ... @@ -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 +{{id name="transform_elements" /}}
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.
designer_element_and_hierarchy_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +19.7 KB
Inhalt
designer_element_and_hierarchy_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +16.7 KB
Inhalt
designer_element_context_menu_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +33.8 KB
Inhalt
designer_element_context_menu_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +26.0 KB
Inhalt
designer_element_multiselect_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.awa
Größe
... ... @@ -1,0 +1,1 @@
1 +60.7 KB
Inhalt
designer_element_transform_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.gru
Größe
... ... @@ -1,0 +1,1 @@
1 +25.6 KB
Inhalt
designer_element_transform_en.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.gru
Größe
... ... @@ -1,0 +1,1 @@
1 +25.5 KB
Inhalt
Copyright 2000-2024