Beispiele (Demoformulare) - FORMCYCLE Wiki

Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiedenen Themen angeboten.

Alle Beispiele können auch direkt auf der Demo-Plattform eingesehen werden.

- **URL der Demo-Plattform**: [[https:~~/~~/demo7.formcycle.eu/formcycle>>https://demo7.formcycle.eu/formcycle||rel="__blank noopener noreferrer" target="_blank"]]

6

- **Benutzername**: demo@demo

7

- **Passwort**: {{html}}pa55w0rd@demo{{/html}}

8

9

Im folgenden Teil finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server.

== Berechnung ==

; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/alias/52/widget_formula/||rel="noopener noreferrer" target="_blank"]]

16

: Beispiele für Subtraktion, Summenbildung und String-Verkettung

17

18

== Datenquellen und Abfragen ==

19

20

; [[Autocomplete Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/autocomplete_functions_2||rel="noopener noreferrer" target="_blank"]]

21

: Beispiel für die Verwendung von Autocomplete mit CSV oder Datenbank als Quelle.

22

23

; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/alias/52/filter_selection||rel="noopener noreferrer" target="_blank"]]

24

: Wenn die Auswahl erfolgt ist, soll in einer weiteren Auswahlliste die Werte anhand der Eingabe gefiltert werden. Dabei kann nur eine Datenbank als Quelle verwendet werden.

25

26

; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data]]

27

: Daten aus einer Datenquelle Feldern im Formular zuweisen

28

29

; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column||rel="noopener noreferrer" target="_blank"]]

30

: Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen

31

32

; [[LDAP-Abfrage über Auswahl-Feld>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection||rel="noopener noreferrer" target="_blank"]]

33

: Auswahlfeld mit Werten aus einer LDAP-Abfrage befüllen

== Datum und Zeit ==

; [[Kalender Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions/||rel="noopener noreferrer" target="_blank"]]

38

: Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets

39

40

; [[Datum und Zeit initialisieren>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization/||rel="noopener noreferrer" target="_blank"]]

41

: Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes

42

43

; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference/||rel="noopener noreferrer" target="_blank"]]

44

: Differenz in Tagen von Datepicker

45

46

; [[Datumsauswahlbereich einschränken und Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation/||rel="noopener noreferrer" target="_blank"]]

47

: Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung

48

49

; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]]

50

: Konfiguration des Kalenders

51

52

; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel="noopener noreferrer" target="_blank"]]

53

: Differenz und Summe von Uhrzeiten

54

55

; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel="noopener noreferrer" target="_blank"]]

56

: Vergleich einer Zeitauswahl

== Aussehen ==

; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel="noopener noreferrer" target="_blank"]]

61

: Demonstration Text anders zu positionieren

62

63

; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel="noopener noreferrer" target="_blank"]]

64

: Individualisieren des Ladesymbols beim Formularaufruf

65

66

; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel="noopener noreferrer" target="_blank"]]

67

: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente

68

69

; [[Nummerierung wiederholbarer Elemente mit CSS>>https://demo7.formcycle.eu/formcycle/form/alias/52/numbering_repeatable_elements_css/||rel="noopener noreferrer" target="_blank"]]

70

: Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS

71

72

; [[Eigene Schriftart im Formular verwenden>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/||rel="noopener noreferrer" target="_blank"]]

73

: Eigene Schriftart über CSS einbinden und anwenden

== Allgemein ==

; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]]

78

: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden

79

80

; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]]

81

: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird

82

83

; [[Sprachauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/language_selection/||rel="noopener noreferrer" target="_blank"]]

84

: Demo um die Sprache des Formulars per Klick zu wechseln

85

86

; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]]

87

: Formularinhalte lokal als XML zwischenspeichern und wieder laden

88

89

; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]]

90

: Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen.

91

92

; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]

93

: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann

94

95

; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel="noopener noreferrer" target="_blank"]]

96

: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente

97

98

; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]]

99

: Seriennummern mithilfe des Datenbank-Zählers erzeugen

== Formatierung ==

; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel="noopener noreferrer" target="_blank"]]

104

: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)

105

106

; [[Formatierung unterschiedlicher Eingabetypen>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel="noopener noreferrer" target="_blank"]]

107

: Demo für Zeit- und benutzerdefinierte Formatierung anhand der Bibliothek cleave.js

== Validierung ==

; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel="noopener noreferrer" target="_blank"]]

112

: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern

113

114

; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]]

115

: Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen.

116

117

; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]]

118

: Beispiel für clientseitigen IBAN-Validator

119

120

; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]]

121

: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen

122

123

== Word (Fill) Beispiel ==

124

125

; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]]

126

: Demonstriert Beispiele für die Funktion cb()

127

128

; [[Word (Fill) - Word (Fill) - Zählen, Enthält, Ersetzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cnt-con-rep/||rel="noopener noreferrer" target="_blank"]]

129

: Demonstriert Beispiele für die Funktion cnt(), con(), rep()

130

131

; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]]

132

: Demonstriert Beispiele für die Funktion image(), b64img() und url()

133

134

; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]]

135

: Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann

136

137

; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]]

138

: Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp()

139

140

; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]]

141

: Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument.

142

143

; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]]

144

: Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst()

145

146

; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]]

147

: Wandelt einen Upload in Bild um

== Weitere Demos ==

Wiki-Quellcode von Beispiele (Demoformulare)