Änderungen von Dokument Beispiele JavaScript und CSS

Von 7.1 nach 6.1 Von 28.1 nach 27.1

Von Version 27.1

bearbeitet von sas
am 23.02.2022, 16:42

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

Auf Version 7.1

bearbeitet von gru
am 23.06.2021, 15:28

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

Rohform
Im Layout

Zusammenfassung

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

Details

Seiteneigenschaften

Titel

@@ -1,1 +1,1 @@
--Beispiele (Demoformulare)
++Beispiele

Dokument-Autor

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

Inhalt

@@ -1,161 +1,61 @@
--Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiedenen Themen angeboten.
++Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiednenen 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"]]
++- **URL der Demo-Plattform**: [[https:~~/~~/demo2.formcycle.eu/formcycle>>https://demo2.formcycle.eu/formcycle||rel="__blank noopener noreferrer" target="_blank"]]
  - **Benutzername**: demo@demo
  - **Passwort**: {{html}}pa55w0rd@demo{{/html}}
--Im folgenden Teil finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server.
++== Verfügbare Demoformulare auf dem Demo-Server ==
--{{content/}}
++Im folgenden finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server.
--== Berechnung ==
++{{table dataTypeAlpha="0-1"}}
++|=Kategorie|=Beispielinhalt|=Link zum Formular
++|Berechnungen|Subtraktion von 2 Werten|[[https://demo2.formcycle.eu/formcycle/form/provide/408/||target="_blank"]]
++|Berechnungen|Summenbildung von Werten|[[https://demo2.formcycle.eu/formcycle/form/provide/363/||target="_blank"]]
++|Berechnungen|Gleichartige Berechnung mehrerer Formularfelder und Summenbildung|[[https://demo2.formcycle.eu/formcycle/form/provide/611/||target="_blank"]]
++|Datenquellen und Datenbankabfragen|Autocomplete Funktionen - Anwendungsmöglichkeiten|[[https://demo2.formcycle.eu/formcycle/form/provide/304/||target="_blank"]]
++|Datenquellen und Datenbankabfragen|Filterung einer Auswahl anhand eines Wertes|[[https://demo2.formcycle.eu/formcycle/form/provide/155/||target="_blank"]]
++|Datenquellen und Datenbankabfragen|Vorbelegung von Daten aus einer Datenquelle|[[https://demo2.formcycle.eu/formcycle/form/provide/361/||target="_blank"]]
++|Datenquellen und Datenbankabfragen|Übertragung von Werten einer Auswahlliste|[[https://demo2.formcycle.eu/formcycle/form/provide/503/||target="_blank"]]
++|Datum und Zeit|Kalender Funktionen|[[https://demo2.formcycle.eu/formcycle/form/provide/505/||target="_blank"]]
++|Datum und Zeit|Datum und Zeit initialisieren|[[https://demo2.formcycle.eu/formcycle/form/provide/157/||target="_blank"]]
++|Datum und Zeit|Datumsdifferenz in Tagen|[[https://demo2.formcycle.eu/formcycle/form/provide/156/||target="_blank"]]
++|Datum und Zeit|Datumsauswahlbereich einschränken und Validierung|[[https://demo2.formcycle.eu/formcycle/form/provide/61/||target="_blank"]]
++|Datum und Zeit|Formatierung Geburtstagsfeld|[[https://demo2.formcycle.eu/formcycle/form/provide/655/||target="_blank"]]
++|Datum und Zeit|Zeitunterschied berechnen|[[https://demo2.formcycle.eu/formcycle/form/provide/609/||target="_blank"]]
++|Datum und Zeit|Zeitvalidierung|[[https://demo2.formcycle.eu/formcycle/form/provide/171/||target="_blank"]]
++|Aussehen|Änderung der Textposition|[[https://demo2.formcycle.eu/formcycle/form/provide/424/||target="_blank"]]
++|Aussehen|Ändern des Ladesymbols|[[https://demo2.formcycle.eu/formcycle/form/provide/418/||target="_blank"]]
++|Aussehen|Anpassen von wiederholenden Elementen|[[https://demo2.formcycle.eu/formcycle/form/provide/404/||target="_blank"]]
++|Aussehen|Nummerierung wiederholbarer Elemente mit CSS|[[https://demo2.formcycle.eu/formcycle/form/provide/419/||target="_blank"]]
++|Allgemein|Formatierung von Zahlen (Autonumeric Konfiguration)|[[https://demo2.formcycle.eu/formcycle/form/provide/335/||target="_blank"]]
++|Allgemein|Übertragung von Eingaben auf die nächste Seite|[[https://demo2.formcycle.eu/formcycle/form/provide/417/||target="_blank"]]
++|Allgemein|Löschen von Formulardaten|[[https://demo2.formcycle.eu/formcycle/form/provide/454/1/||target="_blank"]]
++|Allgemein|Sprachauswahl|[[https://demo2.formcycle.eu/formcycle/form/provide/552/||target="_blank"]]
++|Allgemein|Lokaler Import und Export von Formdaten|[[https://demo2.formcycle.eu/formcycle/form/provide/430/||target="_blank"]]
++|Allgemein|Werte vor dem Senden setzen|[[https://demo2.formcycle.eu/formcycle/form/provide/452/||target="_blank"]]
++|Allgemein|Textarea automatisch vergrößern|[[https://demo2.formcycle.eu/formcycle/form/provide/407/||target="_blank"]]
++|Allgemein|Zwischenspeichern von Formularen|[[https://demo2.formcycle.eu/formcycle/form/provide/612/||target="_blank"]]
++|Allgemein|Dynamische Vorbelegung|[[https://demo2.formcycle.eu/formcycle/form/provide/613/||target="_blank"]]
++|Allgemein|Vorbelegung sich wiederholender Formularelemente|[[https://demo2.formcycle.eu/formcycle/form/provide/614/||target="_blank"]]
++|Validierung|Bedingungen für Mehrfachauswahlwerte|[[https://demo2.formcycle.eu/formcycle/form/provide/554/||target="_blank"]]
++|Validierung|Beispiel für unterschiedliche Eingabe Formatierung|[[https://demo2.formcycle.eu/formcycle/form/provide/337/||target="_blank"]]
++|Validierung|Beispiele für Validationsregeln|[[https://demo2.formcycle.eu/formcycle/form/provide/169/||target="_blank"]]
++|Validierung|IBAN Validierung|[[https://demo2.formcycle.eu/formcycle/form/provide/341/||target="_blank"]]
++|Validierung|Mussfeld in Abhängigkeit eines Status|[[https://demo2.formcycle.eu/formcycle/form/provide/555/||target="_blank"]]
++|Widget Berechnungselement|Formularbespiele für Berchnungselement|[[https://demo2.formcycle.eu/formcycle/form/provide/653/||target="_blank"]]
++|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo2.formcycle.eu/formcycle/form/provide/556/||target="_blank"]]
++|Word (Fill) Beispiel|Word (Fill) - Zählen, Enthält, Ersetzen|[[https://demo2.formcycle.eu/formcycle/form/provide/559/||target="_blank"]]
++|Word (Fill) Beispiel|Word (Fill) - Bilder und URL|[[https://demo2.formcycle.eu/formcycle/form/provide/560/||target="_blank"]]
++|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo2.formcycle.eu/formcycle/form/provide/562/||target="_blank"]]
++|Word (Fill) Beispiel|Word (Fill) - Funktionen zum Entfernen|[[https://demo2.formcycle.eu/formcycle/form/provide/561/||target="_blank"]]
++|Word (Fill) Beispiel|Word (Fill) - Wiederholende Elemente|[[https://demo2.formcycle.eu/formcycle/form/provide/557/||target="_blank"]]
++|Word (Fill) Beispiel|Word (Fill) - Auswahl-Funktionen|[[https://demo2.formcycle.eu/formcycle/form/provide/558/||target="_blank"]]
++|Word (Fill) Beispiel|Word (Fill) - Bild aus Uploadfeld übertragen|[[https://demo2.formcycle.eu/formcycle/form/provide/654/||target="_blank"]]
++{{/table}}
--; [[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
--
--== 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.
--
--; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/alias/52/filter_selection||rel="noopener noreferrer" target="_blank"]]
--: 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.
--
--; [[Ü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.
--
--; [[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.
--
--== 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.
--
--; [[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/||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.
--
--; [[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"]]
--: Differenz und Summe von Uhrzeiten
--
--; [[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.
--
--; [[Ä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.
--
--; [[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.
--
--; [[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 ==
--
--; [[Ü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.
--
--; Sprachauswahl
--: Um eine Auswahlmöglichkeit für die Sprache zu ermöglichen, sollte das [[Widget Sprachauswahlelement>>doc:Formcycle.PluginDocumentation.WidgetXLanguageSwitchPlugin||target="_blank"]] verwendet werden.
--
--; [[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"]]
--: Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen.
--
--; [[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.
--
--; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]]
--: 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"]]
--: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)
--
--; [[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"]]
--: 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.
--
--== Word (Fill) Beispiel ==
--
--; [[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"]]
--: 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"]]
--: 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"]]
--: 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"]]
--: 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"]]
--: 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"]]
--: 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"]]
--: 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"/}}