Änderungen von Dokument Beispiele JavaScript und CSS

Von 16.2 nach 16.3 Von 34.1 nach 35.1

Von Version 16.3

bearbeitet von gru
am 24.08.2021, 11:01

Änderungskommentar: Es gibt keinen Kommentar für diese Version

Auf Version 34.1

bearbeitet von sas
am 28.03.2022, 17:08

Änderungskommentar: Es gibt keinen Kommentar für diese Version

Rohform
Im Layout

Zusammenfassung

Seiteneigenschaften (2 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Dokument-Autor

@@ -1,1 +1,1 @@
--XWiki.gru
++XWiki.sas

Inhalt

@@ -14,8 +14,11 @@
  ; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/alias/52/widget_formula/||rel="noopener noreferrer" target="_blank"]]
  : Beispiele für Subtraktion, Summenbildung und String-Verkettung
++:
++; [[Alter berechnen>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/calculating_age/||rel="noopener noreferrer" target="_blank"]]
++: Beispiel um anhand der Eingabe eines Datums wird das aktuelle Alter berechnet.
--== Datenquellen und Datenbankabfragen ==
++== Datenquellen und Abfragen ==
  ; [[Autocomplete Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/autocomplete_functions_2||rel="noopener noreferrer" target="_blank"]]
  : Beispiel für die Verwendung von Autocomplete mit CSV oder Datenbank als Quelle.
@@ -24,128 +24,144 @@
  : 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.
  ; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data]]
--: Daten aus einer Datenquelle Feldern im Formular zuweisen
++: Daten aus einer Datenquelle Feldern im Formular zuweisen.
  ; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column||rel="noopener noreferrer" target="_blank"]]
--: Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen
++: Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen.
--; [[LDAP-Abfrage über Auswahl-Feld>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection||rel="noopener noreferrer" target="_blank"]]
--: Auswahlfeld mit Werten aus einer LDAP-Abfrage befüllen
++; [[LDAP-Abfrage über Auswahl-Feld und Autocomplete>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection||rel="noopener noreferrer" target="_blank"]]
++: Auswahlfeld mit Werten aus einer LDAP-Abfrage befüllen und mittels Autocomplete LDAP-Daten abfragen.
  == Datum und Zeit ==
--; [[Kalender Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions/||rel=" noopener noreferrer" target="_blank"]]
--: Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets
++; [[Kalender Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions/||rel="noopener noreferrer" target="_blank"]]
++: Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets.
--; [[Datum und Zeit initialisieren>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization/||rel=" noopener noreferrer" target="_blank"]]
--: Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes
++; [[Datum und Zeit initialisieren>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization/||rel="noopener noreferrer" target="_blank"]]
++: Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes.
--; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days/||rel=" noopener noreferrer" target="_blank"]]
++; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference/||rel="noopener noreferrer" target="_blank"]]
  : Differenz in Tagen von Datepicker
--; [[Datumsauswahlbereich einschränken und Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation/||rel=" noopener noreferrer" target="_blank"]]
--: Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung
++; [[Datumsauswahlbereich einschränken und Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation/||rel="noopener noreferrer" target="_blank"]]
++: Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung.
--; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel=" noopener noreferrer" target="_blank"]]
++; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]]
  : Konfiguration des Kalenders
--; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel=" noopener noreferrer" target="_blank"]]
++; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel="noopener noreferrer" target="_blank"]]
  : Differenz und Summe von Uhrzeiten
--; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel=" noopener noreferrer" target="_blank"]]
++; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel="noopener noreferrer" target="_blank"]]
  : Vergleich einer Zeitauswahl
++== Terminverwaltung ==
++
++; [[Vorbelegung Terminauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/pre-assign-appointment/||rel="noopener noreferrer" target="_blank"]]
++: Demo wie es möglich ist ein Datum in Terminverwaltung vorzubelegen innerhalb des Formulars.
++
  == Aussehen ==
--; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel=" noopener noreferrer" target="_blank"]]
--: Demonstration Text anders zu positionieren
++; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel="noopener noreferrer" target="_blank"]]
++: Demonstration Text anders zu positionieren.
--; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel=" noopener noreferrer" target="_blank"]]
--: Individualisieren des Ladesymbols beim Formularaufruf
++; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel="noopener noreferrer" target="_blank"]]
++: Individualisieren des Ladesymbols beim Formularaufruf.
--; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel=" noopener noreferrer" target="_blank"]]
--: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente
++; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel="noopener noreferrer" target="_blank"]]
++: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente.
--; [[Nummerierung wiederholbarer Elemente mit CSS>>https://demo7.formcycle.eu/formcycle/form/alias/52/numbering_repeatable_elements_css/||rel=" noopener noreferrer" target="_blank"]]
--: Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS
++; [[Nummerierung wiederholbarer Elemente mit CSS>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/numbering_repeatable_elements_css||rel="noopener noreferrer" target="_blank"]]
++: Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS.
++:
++; [[Nummerierung wiederholbarer Elemente mit JavaScript>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/numbering_repeatable_elements_js||rel="noopener noreferrer" target="_blank"]]
++: Wiederholende Formularelemente werden fortlaufend nummeriert mittels JavaScript.
++; [[Eigene Schriftart im Formular verwenden>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/||rel="noopener noreferrer" target="_blank"]]
++: Eigene Schriftart über CSS einbinden und anwenden.
++
  == Allgemein ==
--; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel=" noopener noreferrer" target="_blank"]]
--: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)
++; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]]
++: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden.
--; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel=" noopener noreferrer" target="_blank"]]
--: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden
++; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]]
++: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird.
--; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel=" noopener noreferrer" target="_blank"]]
--: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird
++; Sprachauswahl
++: Um eine Auswahlmöglichkeit für die Sprache zu ermöglichen, sollte das [[Widget Sprachauswahlelement>>doc:Formcycle.PluginDocumentation.WidgetXLanguageSwitchPlugin||target="_blank"]] verwendet werden.
--; [[Sprachauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/language_selection/||rel=" noopener noreferrer" target="_blank"]]
--: Demo um die Sprache des Formulars per Klick zu wechseln
++; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]]
++: Formularinhalte lokal als XML zwischenspeichern und wieder laden.
--; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel=" noopener noreferrer" target="_blank"]]
--: Formularinhalte lokal als XML zwischenspeichern und wieder laden
--
--; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel=" noopener noreferrer" target="_blank"]]
++; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]]
  : Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen.
--{{velocity}}
--##; [[Textarea automatisch vergrößern>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel=" noopener noreferrer" target="_blank"]]
--##: (OFFEN)
--{{/velocity}}
--; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel=" noopener noreferrer" target="_blank"]]
--: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann
++; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
++: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
--; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel=" noopener noreferrer" target="_blank"]]
--: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente {{velocity}}##(OFFEN){{/velocity}}
--{{velocity}}
--##; [[Vorbelegung sich wiederholender Formularelemente>>https://demo7.formcycle.eu/formcycle/form/provide/614/||rel=" noopener noreferrer" target="_blank"]]
--##: (OFFEN)
--{{/velocity}}
++; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel="noopener noreferrer" target="_blank"]]
++: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente.
--== Validierung ==
++; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]]
++: Seriennummern mithilfe des Datenbank-Zählers erzeugen.
--; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel=" noopener noreferrer" target="_blank"]]
--: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern
++== Formatierung ==
--; [[Beispiel für unterschiedliche Eingabe Formatierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel=" noopener noreferrer" target="_blank"]]
--: Demo für Zeit- und benutzerdefinierte Formatierung
++; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel="noopener noreferrer" target="_blank"]]
++: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)
--; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel=" noopener noreferrer" target="_blank"]]
++; [[Formatierung unterschiedlicher Eingabetypen>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel="noopener noreferrer" target="_blank"]]
++: 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"]]
++: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern.
++
++; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]]
  : Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen.
--; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel=" noopener noreferrer" target="_blank"]]
++; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]]
  : Beispiel für clientseitigen IBAN-Validator
--; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel=" noopener noreferrer" target="_blank"]]
--: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen
++; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]]
++: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen.
++
++; [[Benutzerdefinierte Bedingung>>https://demo7.formcycle.eu/formcycle/form/alias/52/custom_condition/||rel="noopener noreferrer" target="_blank"]]
++: Demo-Formular um eigene Bedingungen an Eingabefeldern zu definieren.
  == Word (Fill) Beispiel ==
--; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel=" noopener noreferrer" target="_blank"]]
++; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]]
  : Demonstriert Beispiele für die Funktion cb()
--; [[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"]]
++; [[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"]]
  : Demonstriert Beispiele für die Funktion cnt(), con(), rep()
--; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel=" noopener noreferrer" target="_blank"]]
++; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]]
  : Demonstriert Beispiele für die Funktion image(), b64img() und url()
--; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel=" noopener noreferrer" target="_blank"]]
++; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]]
  : Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann
--; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel=" noopener noreferrer" target="_blank"]]
++; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]]
  : Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp()
--; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel=" noopener noreferrer" target="_blank"]]
++; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]]
  : Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument.
--; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel=" noopener noreferrer" target="_blank"]]
++; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]]
  : Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst()
--; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel=" noopener noreferrer" target="_blank"]]
++; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]]
  : Wandelt einen Upload in Bild um
++== Workflow ==
++
++; [[Temporäre Zwischenspeichern von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
++: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
++
  == Weitere Demos ==
  {{subpages depth="2" title="Demo-Beispiele"/}}