You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • English
  • Pattern Library
  • flexible
    • English

Form Builder

Das Modul "Form Builder" stellt Formulare und Workflows zur Verfügung. Die Komponente löst die Komponente "Dynamische Formulare" ab.

Die folgenden Workflows können mit der Komponente abgebildet werden:

  • Eingabe von Daten und Übertragung in die Spalten einer Datentabelle

  • Eingabe von Daten und Versand der Daten per E-Mail

  • Eingabe von Daten und Übergabe der Daten an definierte Schnittstelle (APIs)

Es ist auch möglich, den Inhalt von den Formularen an mehrere der oben genannten Workflows zu übergeben. So können z.B. Daten in eine Datentabelle in der Suite übergeben werden und parallel ein E-Mailworkflow zur Benachrichtigung an eine Person ausgelöst werden.

Es gibt verschiedene Typen von Eingabefeldern:

  • Text

  • Auswahl

  • Zeit/Datum

  • Spezielle Felder

Beispiel Seitenansicht

Das Modul ist gelb markiert

zoom

So funktioniert das Modul

Das Modul besteht aus den folgenden 4 Registerkarten:

RegisterkartenBeschreibung
Allgemeine EinstellungenEs enthält Überschriften, Textinformationen, Erfolgs-/Fehlermeldungen und Handhabung, Schaltflächenbeschriftungen
LayoutsSie können das Layout des Formulars anpassen
EingabefelderFügen Sie dem Formular verschiedene Formularfelder hinzu
Post processingWorkflow zum Formular hinzufügen (z. B. E-Mail senden)

Allgemeine Einstellungen

Diese Registerkarten settings besteht aus Folgendem:

InhaltsbereichBeschreibung
ÜberschriftText, der als Überschrift angezeigt werden soll
Zweite ÜberschriftText, der als Untertitel angezeigt werden soll
HinweistextText, der als Hinweis angezeigt werden soll
Absende-ButtonBezeichnung der Schaltfläche „Senden“.
Pflichtfeld-InformationAnzuzeigender Text für Pflichtfelder
Art der ErfolgsmeldungOb Sie Text anzeigen oder bei Erfolg auf eine Seite umleiten möchten
ÜberschriftTitel, der bei der Erfolgsmeldung angezeigt werden soll
InformationstextInformationen, die bei der Toastmeldung „Erfolg“ angezeigt werden sollen
Art der FehlermeldungOb Sie Text anzeigen oder bei Fehler auf eine Seite umleiten möchten
Formularfehler-TextText, der in der Toast-Fehlermeldung angezeigt werden soll

Layouts

Diese Registerkarten besteht aus Folgendem:

InhaltsbereichBeschreibung
Formular in zwei Spalten darstellenWenn Sie dieses Kontrollkästchen aktivieren, können Sie folgende Felder sehen:
Bild - Sie können jedes Bild auswählen/hochladen, das angezeigt werden muss
Erster Hinweistext - erster anzuzeigender Text
Icon hinzufügen -
Wählen Sie die Option, ob Sie das Telefonsymbol möchten oder nicht
Zweiter Hinweistext
-zweiter anzuzeigender Text
Dritter Hinweistext -
dritter anzuzeigender Text
Wizard-Modus aktivierenWenn Sie dieses Kontrollkästchen aktivieren, können Sie folgende Felder sehen:
Formularschritt -Präfix, das in der oberen rechten Ecke des Formulars angezeigt wird
Weiter-Button -Beschriftung der nächsten Schaltfläche
Zurück-Button -
Beschriftung des Drehzahlknopfes

Eingabefeld

Diese Registerkarten besteht aus Folgendem:

InhaltsbereichBeschreibung
FeldgruppenSie können viele Gruppen erstellen, indem Sie auf „+Gruppe“ klicken.
Technischer NameNachdem Sie auf '+Gruppe' geklickt haben, sehen Sie dieses Feld. Hier können Sie der Gruppe einen Namen geben
ÜberschriftÜberschrift für das Formular
BeschreibungBeschreibung für das Formular
EingabefeldFügen Sie Eingabefelder hinzu, indem Sie auf '+Eingabefeld' klicken
Allgemeine EinstellungenWenn Sie ein Eingabefeld hinzufügen, indem Sie auf „+Eingabefeld“ klicken, sehen Sie dieses Eingabefeld. Auf dieser Registerkarte haben wir folgende Felder:
Type - Art der Eingabe (Text, Checkbox, Radio)
Beschriftung -Bezeichnung des Feldes
Fieldname - technischer Name für die Eingabe
Vorausgefüllter Wert -
Standardwert für die Eingabe
Platzhalter -
Platzhalter, der in der Eingabe angezeigt werden soll
ValidierungAuf dieser Registerkarte können Sie eine Validierung hinzufügen. Auf dieser Registerkarte sind folgende Felder zu sehen:
Pflichtfeld -Sie können dieses Kontrollkästchen aktivieren, wenn die Eingabe ein Pflichtfeld sein soll
Fehlermeldungs-Text - Text, der im Fehlerfall angezeigt werden soll
Validierung -
Sie können andere Validierungen wie Max, Min, Regex hinzufügen, indem Sie auf „+Validierung“ klicken.

Post processing

Das Registerkarten besteht aus folgenden Komponenten

InhaltsbereichBeschreibung
BearbeitungsschrittSie können dem Formular einen Prozess/Workflow hinzufügen, indem Sie auf „+Schritt“ klicken.
MAILWenn Sie E-Mail-Workflow aus den verfügbaren Optionen auswählen, nachdem Sie auf „+Verarbeiten“ geklickt haben, sehen Sie die folgenden Felder:
Empfänger - Wenn Sie auf „+E-Mail“ klicken, können Sie die E-Mail-ID des Empfängers hinzufügen
Betreff Text -Betreff der Mail
Template - Sie können die Vorlage der Mail auswählen (z. B. Tabelle)
Anhang Dateityp - Welches Format sollte die an die E-Mail angehängte Datendatei haben?
SALESFORCEWenn Sie den Salesforce-Workflow aus den verfügbaren Optionen auswählen, nachdem Sie auf „+Prozess“ geklickt haben, sehen Sie die folgenden Felder:
Feldzuordnung erstellen -Sie können eine Liste mit Daten hinzufügen, die an Salesforce gesendet werden sollen. Klicken Sie auf „+Zuordnung“, Sie können die folgenden Felder sehen
Formular-Eintrag - Sie können das Formularelement hinzufügen, dessen Wert gesendet werden soll
Lead Eigenschaft -
Sie können den Salesforce-Lead auswählen, an den Sie den obigen Formularelementwert senden müssen

Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.

Das Modul kann in folgenden Themes eingesetzt werden:

  • Internet
  • Intranet
  • Suite
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

Beispielseite "Form Builder"

Beispielseite

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn