Datenschutzhinweis

 

Beim Laden dieses Inhalts werden Nutzungsinformationen an Vimeo übertragen und dort ggf. verarbeitet.

 

             

Beispiele JavaScript und CSS

Geändert am Di, 9 Sep um 2:11 NACHMITTAGS

Auf dieser Seite werden diverse Beispiele und Formulare zu vielen verschiedenen Themen angeboten.

Sie finden alle Beispiele auch im Formular-Store unter den Vorlagen FORMCYCLE:

Die Kachel erscheint, wenn Sie unter "Meine Formulare" ein neues Formular erstellen. Die einzelnen Formular-Stores werden in den Systemeinstellungen unter Look & Feel eingestellt.


INHALTSVERZEICHNIS

Berechnung

Formularbespiele für Berechnungselement
Beispiele für Subtraktion, Summenbildung und String-Verkettung.

Zähler

Beispiel für die Verwendung eines Zählers
Es wird demonstriert wie der aktuelle Zählerstand im Formular ausgegeben werden kann, Termine welche ausgebucht sind zu sperren und im Workflow den Zähler zu verwenden.

Datenquellen und Abfragen

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

Filterung einer Auswahl anhand eines Wertes
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
Daten aus einer Datenquelle Feldern im Formular zuweisen.

Übertragung von Werten einer Auswahlliste
Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen.

Datenbankabfrage
Abfrage von Daten aus einer Datenbank mit festen Werten.

Datum und Zeit

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

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

Datumsdifferenz in Tagen
Differenz in Tagen von Datepicker 

Datumsauswahlbereich einschränken und Validierung
Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung. 

Formatierung Geburtstagsfeld
Konfiguration des Kalenders.

Alter berechnen
Demo zur Berechnung des Alters anhand des Geburtstagsdatums. 

Zeitunterschied berechnen
Differenz und Summe von Uhrzeiten.

Aussehen 

Änderung der Textposition
Demonstration Text anders zu positionieren.

Ändern des Ladesymbols
Individualisieren des Ladesymbols beim Formularaufruf. 

Anpassen von wiederholenden Elementen
Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente.

Nummerierung wiederholbarer Elemente mit CSS
Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS.

Nummerierung wiederholbarer Elemente mit JavaScript
Wiederholende Formularelemente werden fortlaufend nummeriert mittels JavaScript.

Allgemein

Übertragung von Eingaben in andere Elemente
Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden. 

Löschen von Formulardaten
Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird. 

Lokaler Import und Export von Formdaten
Formularinhalte lokal als XML zwischenspeichern und wieder laden.

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

Formatierung 

Formatierung von Zahlen (Autonumeric Konfiguration)
Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric).

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

Validierung 

Bedingungen für Mehrfachauswahlwerte
Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern.

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

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

Benutzerdefinierte Bedingung
Demo-Formular um eigene Bedingungen an Eingabefeldern zu definieren.


War dieser Artikel hilfreich?

Das ist großartig!

Vielen Dank für das Feedback

Leider konnten wir nicht helfen

Vielen Dank für das Feedback

Wie können wir diesen Artikel verbessern?

Wählen Sie wenigstens einen der Gründe aus
CAPTCHA-Verifikation ist erforderlich.

Feedback gesendet

Wir wissen Ihre Bemühungen zu schätzen und werden versuchen, den Artikel zu korrigieren