Über Formular-Designer-Steuerelemente

Wenn Sie eine Komponente ziehen und ablegen oder wenn Sie auf Bearbeiten klicken Symbol einer Formularkomponente, wird der Konfigurationsassistent geöffnet. Je nach Typ der Formularkomponente stehen bestimmte Assistentenregisterkarten zur Anpassung zur Verfügung. Alle verfügbaren Registerkarten und ihre allgemeinen Eigenschaften im UiPath-Formular-Designer werden unten beschrieben.

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 - Adds a tooltip icon to the side of the field. Input the text of the tooltip.

• Hidden - Hide a component in the Form Renderer.

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

• Prefix - The text that shows before a field.

• Suffix - The text that shows after a field.

• Table View - When checked, shows the value within the table view of the submissions.

• Input Mask - An input mask provides a predefined format. For a phone-number field, the default input mask is [phone].

  Eingabemaskenelemente sind:

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

Daten

• Default Value - The value of the field before users interacting with it. The default value overrides the placeholder text.
• Multiple Values - When checked, multiple values can be added to the field. The Add Another Button becomes visible in the field.
• Inhalt – Der Abschnitt, in dem Sie den Inhalt einer Komponente eingeben.
• Format - The moment.js format you use for saving this field. For example, 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.
• Maximum Word Length - The maximum amount of words that can be added to this field.
• Regular Expression Pattern - This is the regular expression pattern that the component must pass, before the form can be submitted.
• Fehlerbeschriftung – Die Beschriftung, die angezeigt wird, wenn eine Validierungsfehlermeldung angezeigt wird.
• Benutzerdefinierte Fehlermeldung – Eine benutzerdefinierte Fehlermeldung, die angezeigt wird, wenn ein Fehler auftritt.

Feldtaste

• Property Name - The name of this component in the Workflow Fields Collection.

Bedingt

The Conditional tab in the Form Designer allows you to place conditions on components in your form, in order to hide or display them.

Die Registerkarte Bedingung hat einen einfachen Abschnitt.

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

Der Abschnitt „Einfach“ besteht aus drei Feldern:

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.

   

Sehen Sie sich das Tutorial zum Erstellen einfacher Bedingungen im Form.Activities-Handbuch an.

Logik

The Logic tab of the Form Designer allows you to create conditions and advanced logic scripts that can change the state or the behavior of the selected form component.

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	Sie definieren eine auslösende Formularkomponente und einen Wert.
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 von JavaScript-Syntax, genauso wie Sie den JavaScript-Triggertyp definieren würden.	Nicht zutreffend

Vorlagen

Die Registerkarte Vorlagen ist nur für die Komponente Raster bearbeiten spezifisch. Mit der Fußzeilenvorlage können Sie das Raster mithilfe von JavaScript anpassen. Sie können das Aussehen der Fußzeile ändern.

• Footer Template - This is the Lodash Template used to render the footer of the Edit Grid component.

  Es sind zwei Variablen verfügbar:

  • value – Das Array der Zeilendaten
  • Komponenten – Das Array der Komponenten im Raster

Datei

Die Registerkarte Datei ist nur für die Komponente Datei spezifisch. Auf der Registerkarte Datei können Sie eine Dateikomponente über bestimmte Einstellungen und Eigenschaften anpassen.

Dies sind die Eigenschaften, die auf der Registerkarte Datei verfügbar sind

• Verzeichnis – speichert alle in diese Komponente hochgeladenen Dateien in dem angegebenen Verzeichnis. Die Zeichenfolge muss mit / enden.

• Nur hochladen – Ermöglicht Benutzern nur das Hochladen von Dateien. Wenn die Download-Option aktiviert ist, ist sie nicht verfügbar.

• Dateitypen – Ermöglicht es Ihnen, die Dateitypen anzugeben, um die Typen von Dateien zu klassifizieren, die der Benutzer hochlädt. Empfohlen, wenn ein Benutzer mehrere Dateitypen hochlädt und der Benutzer den Typ jeder hochgeladenen Datei angeben soll.

• Dateimuster – Ermöglicht es Ihnen, Dateierweiterungen anzugeben, die hochgeladen werden dürfen. Andere Dateierweiterungen, die nicht angegeben sind, werden nicht hochgeladen.

• Mindestgröße der Datei – Legt die Mindestgröße für die hochgeladene Datei fest.

• Maximale Dateigröße – Legt die maximale Größe für die hochgeladene Datei fest. Weitere Informationen zum Angeben von Dateimustern und -größen finden Sie unter diesem GitHub-Link.