Wiki-Quellcode von Elemente

Zeige letzte Bearbeiter
1 {{content/}}
2
3 Die nachfolgend aufgeführten Elemente stellen alle im {{designer case="dat"/}} zur Verfügung stehenden Formular- und Designelemente dar. Durch den Einsatz weiterer Javaskript-Frameworks wie etwa //jQuery UI// besteht jedoch die Möglichkeit, eigene Elemente bzw. Widgets zu integrieren.
4
5 {{subpages title="Die verfügbaren Formularelemente" float="none"/}}
6
7 == Elemente im Designbereich positionieren ==
8
9 Der {{designer/}} unterstützt Sie bei der Positionierung durch farbige Markierungen an den Elementen. Diese Funktion wird jedoch aktuell nur vom Firefox und neueren Internet Explorern (ab Version 10) unterstützt.
10
11 {{figure image="element_pos_0.png" width="300"}}
12 Einfügen eines Elementes neben neben einem anderen Element
13 {{/figure}}
14
15 {{figure image="element_pos_1.png" width="300"}}
16 Einfügen eines Elementes in ein anderes Element
17 {{/figure}}
18
19 === Element vor, nach, unter oder über einem anderen Element positionieren ===
20
21 Wenn Sie ein Element mit gedrückter Maustaste auf dem Zeichenbereich bewegen, erscheinen bei dem nächstliegenden Element ein oranger Balken. Dieser gibt an, dass das Element an dieser Stelle eingefügt wird, wenn sie es loslassen.
22
23 === Element in ein anderes Element einfügen ===
24
25 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.
26
27 {{info}}
28 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]].
29 {{/info}}
30
31 === Positionieren von Elementen ohne Drag&Drop ===
32
33 Bei vielen Elemente auf einer Seite oder in einem Container wird es manchmal schwierig ein Element zu positionieren. Um dieses Problem zu umgehen, können Sie auf das zu verschiebende Element doppelklicken. Danach erhalten alle Elemente im Formular einen dünnen orangen Rahmen mit Pfeilen an jeder Ecke. Wenn Sie nach dem Doppelklick jetzt auf den Pfeil an der gewünschten Position klicken, wird das Element dort positioniert.
34
35 Wenn Sie das Element nicht verschieben möchten, drücken Sie die Escape-Taste oder erneut auf das zu verschiebende Element, um den Verschiebungsmodus zu beenden.
36
37 {{figure image="element_pos_3.png" width="300"}}
38 Alternativ möglich zum Positionieren von Elementen ohne Drag&Drop
39 {{/figure}}
40
41 == Elemente markieren ==
42
43 === Einfache Markierung ===
44
45 Die einfache Markierung erreichen Sie durch Anklicken eines Elements mit der Maus. Das Element wird farbig hervorgehoben.
46
47 {{figure image="element_select_0.png" width="300"}}
48 Markieren eines Elements
49 {{/figure}}
50
51 ==== Mehrfachmarkierungen ====
52
53 1. Drücken Sie die Umschalttaste-Taste und halten Sie diese gedrückt.
54 1. Markieren Sie jetzt das/die gewünschte(n) Element(e).
55
56 {{figure image="element_select_1.png" width="300"}}
57 Markieren mehrerer Elemente
58 {{/figure}}
59
60 === Übergeordnete Elemente auswählen ===
61
62 Ist ein Element selektiert, erscheinen in der Leiste oben im {{designer case="dat"/}} alle übergeordneten Elemente und können per Klick ausgewählt werden. Dies ist z.B. nützlich, um einfache Elemente vom Typ [[Seite>>doc:Main.Seite]] oder [[Container>>doc:Main.Container]] auswählen zu können.
63
64 {{figure image="FCDesSel.png" width="300"}}
65 Auswählen übergeordneter Elemente
66 {{/figure}}
67
68 == Elemente löschen ==
69
70 Elemente können entweder über die Papierkorb-Schaltfläche oder mit der Entffernen-Taste (//entf//) gelöscht werden.
71
72 {{figure image="element_del_0.png" float="none" width="200"}}
73 Die Papierkorb-Schaltfläche zum Löschen von Elementen.
74 {{/figure}}

Navigation

Copyright 2000-2024