Erweiterte Komponenten

HTML-Element

Sie können das HTML-Element verwenden, um ein einzelnes HTML-Element in Ihrem Formular anzuzeigen und es basierend auf Ihrem Anwendungsfall zu konfigurieren.

Hinweis: Aktivieren Sie die Eigenschaft Disable Sanitize in der Aktivität Create Form , um alle unsicheren Inhalte in einem HTML-Elementanzuzeigen.

• HTML-Tag – Das Tag des HTML-Elements.
• CSS-Klasse – Die CSS-Klasse, die für dieses HTML-Elementhinzugefügt werden kann. Sie können mehrere Klassen eingeben, indem Sie sie durch einzelne Leerzeichen trennen.
• Attribute – Die Attribute für das HTML-Element. Nur sichere Attribute sind zulässig, z. B.: src, hrefund title.
• Inhalt – der Inhalt des HTML-Elements.
• Bei Änderung aktualisieren – rendert das HTML-Element neu, wenn sich ein Wert im Formular ändert.

Um Bildformulare anzuzeigen, müssen Sie die HTML-Element- Komponente verwenden. Sehen Sie sich das folgende Tutorial an: Anzeigen von Bildern.

PDF-Dateien können nur angezeigt werden, wenn Sie ein benutzerdefiniertes HTML-Formularerstellen.

Inhalt

Sie können die Inhaltskomponente verwenden, um Informationen zu Ihrem Formular hinzuzufügen, die nur zur Anzeige dienen. Der Wert der Komponente wird nicht an den Workflow zurückgegeben.

• Bei Änderung aktualisieren – Rendert die Inhaltskomponente jedes Mal, wenn sich ein Wert im Formular ändert.

E-Mail

Datentyp: String

Sie können die Komponente E-Mail verwenden, um ein Feld für die Eingabe von E-Mail-Adressen hinzuzufügen.

URL

Datentyp: System.Uri

Sie können die URL -Komponente verwenden, um ein Feld für die Eingabe von URL-Adressen hinzuzufügen, um sicherzustellen, dass sie das richtige Format haben.

Telefonnummer

Datentyp: String

Sie können die Komponente Telefonnummer verwenden, um ein Feld für die Eingabe von Telefonnummern hinzuzufügen.

• Eingabemaske – Stellt ein vordefiniertes Format für die Telefonnummer bereit. Für das Telefonnummernfeld ist das Standardformat [phone].
• 9 – numerisch
• a - alphabetisch
• ** \* ** - alphanumeric
• Platzhalterzeichen fürEingabemaske – Sie können ein Zeichen als Platzhalter im Feld verwenden. Für

  können Sie beispielsweise einen Bindestrich (-) verwenden.

Hinweis: Das Platzhalterzeichen wird durch ein Leerzeichen ersetzt, wenn es innerhalb der Maske verwendet wird.

Datum/Uhrzeit

Datentyp: String

Sie können die Date/Time -Komponente verwenden, um Datums- und Uhrzeitangaben oder beides einzugeben.

• Format – das Format, das zum Anzeigen des Datetime-Werts verwendet wird.
• Datumseingabe aktivieren – Ermöglicht Benutzern die Eingabe von Daten für dieses Feld.
• Use Input to add moment.js für minDate – Ermöglicht dem Benutzer die Verwendung einer Eingabe für dieminDate -Moment-Funktion anstelle eines Kalenders.
• Kalender zum Festlegen von minDate verwenden – Ermöglicht dem Benutzer die Verwendung eines Kalenders zum Festlegen des minDate.
• Eingabe verwenden, um moment.js für maxDate hinzuzufügen – ermöglicht es dem Benutzer, eine Eingabe für die Momentfunktion maxDate anstelle eines Kalenders zu verwenden.
• Kalender zum Festlegen von maxDate verwenden – Ermöglicht dem Benutzer die Verwendung eines Kalenders zum Festlegen des maxDate.
• Bestimmte Daten oder Daten nach Bereich deaktivieren – Fügen Sie Daten hinzu, die Sie sperren möchten. Beispiel: 2027-08-11.
• Benutzerdefinierte deaktivierte Daten – Ermöglicht Ihnen das Sperren bestimmter Daten mit einer benutzerdefinierten Funktion.
• Wochenenden deaktivieren – Ermöglicht das Sperren von Wochenenden.
• Wochentage deaktivieren – Ermöglicht Ihnen das Sperren von Wochentagen.
• Zeiteingabe aktivieren – Ermöglicht Benutzern die Eingabe der Zeit für dieses Feld.
• Stundenschrittgröße – Die Anzahl der Stunden, die in der Zeitauswahl erhöht oder verringert werden müssen.
• Minutenschrittgröße – Die Anzahl der Minuten, die in der Zeitauswahl erhöht oder verringert werden müssen.
• 12-Stunden-Zeit (AM/PM) – Zeigt die Zeit in 12-Stunden-Zeiträumen mit AM oder PM an.
• Standarddatum – legt den Standardwert mithilfe von Moment.js- Funktionen auf ein bestimmtes Datum fest. Sie können beispielsweise die folgende Funktion verwenden: moment().substract(10, 'days').
  
  

  

  
  

Tag

Datentyp: System.DateOnly

Sie können die Komponente Day verwenden, um nach Eingaben für Day,Monthund Yearzu fragen, entweder über ein Zahlentypfeld oder ein Auswahlfeld.

• Typ/Typ der Eingabe – Geben Sie eine Eingabe für Tag, Monat oder Jahr an, indem Sie entweder eine Zahl eingeben oder Optionen aus einer Dropdownliste auswählen.

Minimum/Maximum Year (Minimum/Maximum Year) – Wählen Sie das minimale/maximale Jahr aus, das eingegeben werden kann.

• Tag erforderlich – Das Feld Tag muss ausgefüllt werden, bevor das Formular gerendert wird.
• Monat erforderlich – Das Feld Monat muss ausgefüllt werden, bevor das Formular gerendert wird.
• Jahr erforderlich – das Feld Jahr muss ausgefüllt werden, bevor das Formular gerendert wird.
• Maximum/Minimum Day (Maximum/Minimum Day) – Wählen Sie einen minimalen/maximalen Tag aus, der eingegeben werden kann. Sie können auch Moment.js- Funktionen verwenden. Sie können beispielsweise moment().add(10, 'days')verwenden.
  
  

  

  
  

Zeit

Datentyp: System.TimeOnly

Sie können die Zeitkomponente verwenden, um die Zeit in verschiedenen Formaten einzugeben.

• Eingabetyp – Wählen Sie den Widget-Typ aus, den Sie für die Zeiteingabe verwenden möchten: HTML5-Zeiteingabe (Benutzer können die Zeit aus einem bestimmten Panel auswählen) oder Texteingabe mit Maske (Benutzer können die Zeit manuell eingeben).

Währung

Datentyp: System.Double

Sie können die Komponente Währung verwenden, um Finanzbeträge in einer bestimmten Währung anzuzeigen. Die Komponente verfügt über eine Eingabemaske, die das Währungssymbol anzeigt und automatisch Kommas basierend auf der vom Benutzer eingegebenen Zahl hinzufügt. Die Komponente lässt zwei Dezimalwerte zu.

• Währung – Wählen Sie eine bestimmte Währung aus der Dropdownliste aus.

Umfrage

Datentyp: System.Collections.Generic.Dictionary<System.String,System.String>

Sie können die Umfragekomponente verwenden, um Benutzern die Beantwortung mehrerer Fragen zu ermöglichen, indem Sie nur einen Wert aus einer Liste auswählen.

• Fragen – Fügen Sie die Fragen hinzu, die die Benutzer beantworten sollen.
• Werte – Fügen Sie die Optionen hinzu, die der Benutzer pro Frage auswählen kann.