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 Speichern.

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 in das verbindliche Feld Beschriftung eingeben, wird zum Eigenschaftsnamen 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 - Der Titel der Komponente.

Position des Labels – Ändern Sie die Position des Labels für ein Feld.

Beschreibung - Der Text, der unter dem Eingabefeld erscheint.

Tooltip – Fügt ein Tooltip-Symbol auf der einen 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.

Beschriftung ausblenden – 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 im Formular als eindeutig 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 die Option Persistent.

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

Eingabemaske Eine Eingabemaske bietet ein vordefiniertes Format. Für ein Feld mit Telefonnummern wäre die Standardeingabemaske beispielsweise [phone].

Eingabemaskenelemente sind:

• 9 – numerisch
• a – Alphabetisch
• * – alphanumerisch

Daten

Standardwert – Der Wert des Felds, bevor Benutzer mit dem Feld 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 im Feld ist eine Schaltfläche Weitere hinzufügen zu sehen.

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

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

Neu zeichnen bei – Aktualisieren Sie diese Komponente, wenn sich eine andere Komponente im Formular ändert. Wählen Sie das Ereignis, bei dem die Komponente aus der Dropdownliste neu gezeichnet werden soll. Die standardmäßig auszuwählenden Ereignisse sind Jede Änderung und Übermitteln.

Validierung

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

Validieren bei – Bestimmt, wann diese Komponente eine 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 Mindestanzahl 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 für reguläre Ausdrücke – Das Muster für reguläre Ausdrücke, das die Komponente erfüllen muss, bevor das Formular gesendet werden kann.

Fehlerbeschriftung – Die Beschriftung, 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 Argumentensammlung.

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

Bedingt

Auf der Registerkarte Bedingt im Formular-Generator können Sie Bedingungen für Komponenten in Ihrem Formular platzieren sowie sie ausblenden oder anzeigen.

The Conditional tab has two sections:

• Simple
• Erweiterte Bedingungen

Einfache Bedingungen

The Simple section of the Conditional tab allows you to hide or display a component, based on the value of another component.

The Simple section consists of three fields:

1. This component should Display - from this dropdown list, choose:

   • True if you want to condition when the component displays.
   • False if you want to condition when the component hides.

2. When the form component - from this dropdown list, choose a component in the form to act as a condition.

3. Has the value - type in the value that conditions the component when to display or hide.

   

Erweiterte Bedingungen

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

Hinweis:

Erweiterte Logik überschreibt die Ergebnisse der einfachen bedingten Logik.

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

The show variable must be given a true or false value. The data variable is used to access other components in the form, through the API key.

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

Logik

Auf der Registerkarte Logik des Formular-Generators können Sie Bedingungen und erweiterte Logik-Skripts 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 geben eine JavaScript-Logik für eine Formularkomponente oder Formulardaten an. Verwenden Sie die JavaScript-Syntax, um komplexe Logik zu erstellen, z. B. Schleife oder dynamisches Verhalten.
JSON-Logik	Sie geben eine JSON-Logik für eine Formularkomponente oder Formulardaten an. Empfohlen für Fälle, in denen JavaScript nicht zulässig ist. Schleifen oder dynamisches Verhalten 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 der JavaScript-Syntax definiert werden.
Komponentenschema zusammenführen	Der Trigger ändert die Schemaparameter der Komponente, die in der JSON-Datei der Komponente zu finden sind. Um die Schemaparameter anzuzeigen, die Sie ändern können, zeigen Sie mit der entsprechenden Komponente auf die entsprechende Komponente und klicken Sie auf JSON bearbeiten. Sie können mehrere Parameter in 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