Formularsteuerelemente

Sobald Sie eine Formularkomponente ausgewählt haben, wird ein Assistent geöffnet, der mehrere Registerkarten zur Konfiguration anzeigt, um weitere Anpassungen für verschiedene Funktionalitäten zu ermöglichen. Überprüfen Sie den Fortschritt im Vorschaubereich des Assistenten.

Wenn Sie mit dem Design einer Komponente zufrieden sind, wählen Sie Speichernaus.

In der folgenden Tabelle werden die Einstellungen und Steuerelemente beschrieben, die für die allgemeinen Registerkarten des Assistenten verfügbar sind.

Registerkarte „Assistent“	Beschreibung	Besondere Erwähnungen
Anzeige	Konfigurieren Sie die Anzeige der Formularkomponente.	Der Name, den Sie im obligatorischen Feld Beschriftung festgelegt haben, wird zum PropertyName auf der Registerkarte Feldtaste .
Daten	Konfigurieren Sie einen Standardwert, der Endbenutzern im Textfeld angezeigt wird.	Komponenten, die mehrere Elemente enthalten können (z. B. Auswahlfelder, Registerkarte) können hier definiert werden.
Validierung	Konfigurieren Sie Validierungsanforderungen, um andere UI-Komponenten zu aktivieren.	Nicht zutreffend
Feldtaste	Konfigurieren Sie den Eigenschaftsnamen der Komponente, die Sie im Workflow verwenden möchten.	Standardmäßig wird dieser Wert aus dem Feld Beschriftung der Registerkarte Anzeige übergeben.
Bedingt	Konfigurieren Sie Bedingungen für die Komponente.	Sie können erweiterte Bedingungen wie Javascript oder JSON festlegen.
Logik	Konfigurieren Sie die Logik, die die Bedingungen auslöst.	Nicht zutreffend

Einige Formularkomponenten verfügen über bestimmte Registerkarten, z. B.:

Komponente	Registerkarte „Assistent“	Beschreibung
Datum/Uhrzeit	Datum	Konfigurieren Sie die Mindest- und Höchstdaten, die zur Auswahl stehen.
	Zeit	Konfigurieren Sie den inkrementellen Schritt für Stunden und Minuten.
Tag	Tag	Konfigurieren Sie, wie der Geschäftsbenutzer den Tag auswählt (inkrementell oder aus einer Dropdownliste).
	Monat	Konfigurieren Sie die Art und Weise, wie der Geschäftsbenutzer den Monat auswählt (inkrementell oder aus einer Dropdownliste).
	Jahr	Konfigurieren Sie die Art und Weise, wie der Geschäftsbenutzer das Jahr auswählt (inkrementell oder aus einer Dropdownliste) sowie das minimale und maximale Jahr, das zur Auswahl steht.
Bearbeitungsraster	Vorlagen	Passen Sie die Kopfzeilen und Zeilen Ihrer Bearbeitungsrasterdaten an.
Datenzuordnung	Layout	Wenden Sie geringfügige Layoutänderungen auf Ihre Datenzuordnung an.

Anzeige

Beschriftung (Label ) - Der Titel der Komponente.

Beschriftungsposition - Die Position der Beschriftung für ein Feld.

Beschreibung – Der Text, der unter dem Eingabefeld angezeigt wird.

Tooltip – Fügt ein Tooltip-Symbol auf einer Seite des Symbols hinzu. Geben Sie den Text der QuickInfo ein.

Benutzerdefinierte CSS-Klasse – Fügen Sie der Komponente eine benutzerdefinierte CSS-Klasse hinzu. Sie können mehrere Klassen hinzufügen, getrennt durch ein Leerzeichen.

Ausgeblendet – Blendet eine Komponente aus, wenn Sie das Formular anzeigen.

Hinweis: Die Komponente wird weiterhin in der JSON-Datei angezeigt.

Beschriftungausblenden – Blendet die Beschriftung einer Komponente aus.

Deaktiviert – Deaktiviert ein Feld im Formular.

Platzhalter – Der Text, der angezeigt wird, wenn das Feld leer ist.

Präfix – Der Text, der vor einem Feld angezeigt wird.

Suffix – Der Text, der nach einem Feld angezeigt wird.

Eindeutig - Wenn diese Option aktiviert ist, wird das Feld als eindeutig im Formular betrachtet.

Geschützt – Wenn diese Option aktiviert ist, wird das Feld nur für die Eingabe verfügbar.

Persistent – Wenn diese Option aktiviert ist, wird ein Feld in der Datenbank gespeichert. Wenn Sie ein Feld nicht in der Datenbank speichern möchten, deaktivieren Sie Persistent.

Tabellenansicht – Wenn diese Option aktiviert ist, wird der Wert der Übermittlungen in der Tabellenansicht angezeigt. Sie können sie für untergeordnete Komponenten verwenden, die Sie in Bearbeitungsrasterkomponenten hinzufügen, um die untergeordneten Komponenten in Zeilen anzuzeigen. Wenn die Option deaktiviert bleibt, werden die Daten nicht in der reduzierten Zeile des Bearbeitungsrastersangezeigt. Auch wenn die Daten nicht angezeigt werden, können Sie eine Komponente beim Bearbeiten einer Zeile konfigurieren.

Eingabemaske – Eine Eingabemaske hat ein vordefiniertes Format. Beispielsweise wäre die Standardeingabemaske für ein Telefonnummernfeld [phone]. Elemente der Eingabemaske sind:

• 9 – numerisch
• a - alphabetisch
• * – alphanumerische Zeichen

Daten

Standardwert – Der Wert des Felds, bevor Benutzer damit interagieren. Der Standardwert überschreibt den Platzhaltertext.

Mehrere Werte – Wenn diese Option aktiviert ist, können dem Feld mehrere Werte hinzugefügt werden. Die Werte werden als Array in der API angezeigt und eine weitere Schaltfläche hinzufügen ist auf dem Feld sichtbar.

Inhalt – Der Abschnitt, in dem Sie den Inhalt einer Komponente eingeben.

Datenformat – Das moment.js -Format, das Sie zum Speichern dieses Felds verwenden. Zum Beispiel HH:mm:ss.

Erneut zeichnen auf – Diese Komponente wird neu gezeichnet, wenn sich eine andere Komponente im Formular ändert. Wählen Sie das Ereignis, bei dem die Komponente neu gezeichnet werden soll, aus der Dropdownliste aus. Die standardmäßig zu wählenden Ereignisse sind Any Change und Submit.

Validierung

Erforderlich – Wenn diese Option aktiviert ist, muss dieses Feld einen Wert haben.

Validieren am – Bestimmt, wann diese Komponente die Front-End-Validierung auslöst. Wählen Sie ein Ereignis aus der Dropdownliste aus: Ändern oder Unschärfe.

Mindestlänge – Die Mindestlängenanforderung, die dieses Feld erfüllen muss.

Maximale Länge – Die maximale Längenanforderung, die dieses Feld erfüllen muss.

Minimale Wortlänge – Die minimale Anzahl von Wörtern, die dieser Komponente hinzugefügt werden können.

Maximale Wortlänge – Die maximale Anzahl von Wörtern, die diesem Feld hinzugefügt werden können.

Muster des regulären Ausdrucks – Das Muster des regulären Ausdrucks, das die Komponente durchlaufen muss, bevor das Formular gesendet werden kann.

Fehlerbezeichnung – Die Bezeichnung, die angezeigt wird, wenn eine Validierungsfehlermeldung angezeigt wird.

Benutzerdefinierte Fehlermeldung – Eine benutzerdefinierte Fehlermeldung, die angezeigt wird, wenn ein Fehler auftritt.

Nur verfügbare Werte zulassen – Wenn diese Option aktiviert ist, wird eine Validierungsprüfung durchgeführt, um sicherzustellen, dass der ausgewählte Wert eine verfügbare Option ist.

Feldtaste

Eigenschaftsname – Der entsprechende Argumentname für eine Komponente in der Argumentsammlung.

Sie können den Eigenschaftsnamen verwenden, um Argumente (mit der Aktivität Set Form Values ) innerhalb des Formulars zu übergeben oder Werte außerhalb eines Formulars abzurufen (mit der Aktivität Get Form Values ).

Bedingt

Auf der Registerkarte Bedingung im Form Builder können Sie Bedingungen für Komponenten in Ihrem Formular platzieren, um sie auszublenden oder anzuzeigen.

Die Registerkarte Bedingt besteht aus zwei Abschnitten:

• Simple
• Erweiterte Bedingungen

Einfache Bedingungen

Im Abschnitt „ Einfach “ der Registerkarte „ Bedingt “ können Sie eine Komponente basierend auf dem Wert einer anderen Komponente ausblenden oder anzeigen.

Der Abschnitt „ Einfach “ besteht aus drei Feldern:

1. Diese Komponente sollte angezeigt werden. Wählen Sie in dieser Dropdownliste Folgendes aus:

   • True , wenn Sie die Anzeige der Komponente bedingen möchten.
   • False , wenn Sie das Ausblenden der Komponente bedingen möchten.
2. Wenn die Formularkomponente – Wählen Sie aus dieser Dropdownliste eine Komponente im Formular aus, die als Bedingung fungieren soll.

3. Hat den Wert – Geben Sie den Wert ein, der bestimmt, wann die Komponente angezeigt oder ausgeblendet werden soll.

   
   

   

   
   

Erweiterte Bedingungen

Im Abschnitt Erweiterte Bedingungen können Sie JavaScript-Code oder JSONLogic verwenden, um Kombinationen von Bedingungen zu erstellen.

Hinweis: Die erweiterte Logik überschreibt die Ergebnisse der einfachen bedingten Logik.

Geben Sie im Abschnitt JavaScript-Code einen benutzerdefinierten JavaScript-Code ein.

Der Show- Variablen muss der Wert „ true “ oder „ false “ zugewiesen werden. Die Datenvariable wird verwendet, um über den API-Schlüssel auf andere Komponenten im Formular zuzugreifen.

Informationen zur Verwendung von bedingten Komponenten finden Sie auf der Tutorialseite zu bedingten Komponenten .

Logik

Auf der Registerkarte Logik des Form Builders können Sie Bedingungen und erweiterte Logikskripts erstellen, die den Status oder das Verhalten der ausgewählten Formularkomponente ändern können.

Mit erweiterter Logik können Sie die Steuerelemente, das Erscheinungsbild und das Verhalten einer Formularkomponente dynamisch ändern.

Eine Formularlogik besteht aus zwei Teilen: dem Trigger und der Aktion.

Auslösen

Der logische Trigger ist die Bedingung, unter der die Aktion ausgeführt wird. Beispielsweise möchten Sie möglicherweise ein bestimmtes Formularfeld nur anzeigen, wenn eine Kontrollkästchenoption ausgewählt ist. In diesem Fall ist die Kontrollkästchenoption der Auslöser und das Anzeigen des Formularfelds die Aktion.

Es gibt vier Arten von Logiktriggern:

Triggertyp	Beschreibung	Beispiel
Simple	Wählen Sie den Triggertyp und den Wert aus, den Sie in Ihrer Logik verwenden möchten.
Javascript	Sie stellen eine JavaScript-Logik für eine Formularkomponente oder Formulardaten bereit. Verwenden Sie die JavaScript-Syntax, um komplexe Logik zu erstellen, z. B. Schleifen- oder dynamisches Verhalten.
JSON-Logik	Sie stellen eine JSON-Logik für eine Formularkomponente oder Formulardaten bereit. Empfohlen in Fällen, in denen JavaScript nicht zulässig ist. Schleifen oder dynamische Verhaltensweisen können nicht unterstützt werden.
Ereignis (Event)	Sie definieren ein Komponentenereignis, das, sobald es von der entsprechenden Komponente ausgegeben wurde, die gewünschte Aktion auslöst.

Aktion

Die logische Aktion ist das Verhalten der Formularkomponente, das basierend auf den von Ihnen festgelegten logischen Bedingungen (z. B. dem Trigger) erfolgen soll. Sie können beispielsweise eine Schaltfläche für Benutzer eines bestimmten Alters aktivieren. In diesem Fall ist die Altersgruppe der Auslöser und das Aktivieren der Schaltfläche die Aktion.

Es gibt vier Arten von Logikaktionen:

Aktionstyp	Beschreibung	Beispiel
Eigenschaften	Der Trigger ändert eine der verfügbaren Komponenteneigenschaften, z. B. Tooltip, Beschreibung, CSS-Klasse usw. Die verfügbaren Eigenschaften hängen vom Typ der auslösenden Komponente ab.
Wert	Der Trigger ändert den Wert der entsprechenden Komponente. Die Aktion muss mit JavaScript-Syntax definiert werden.
Komponentenschema zusammenführen	Der Trigger ändert die Komponentenschemaparameter, die in der Komponenten-JSON gefunden werden. Um die Schemaparameter anzuzeigen, die Sie ändern können, zeigen Sie mit der Maus auf die entsprechende Komponente und klicken Sie auf JSON bearbeiten. Sie können mehrere Parameter innerhalb einer Aktion ändern.
Benutzerdefinierte Aktion	Sie definieren eine benutzerdefinierte Aktion mithilfe der JavaScript-Syntax auf die gleiche Weise, wie Sie den JavaScript-Triggertyp definieren würden.	Nicht zutreffend