Smartform Designer
- 1 Workflow-Ansicht
- 2 Formulardesign
- 2.1 Designer
- 2.1.1 Hinzufügen von Containern
- 2.1.1.1 Einstellungen des Containers
- 2.1.1.1.1 Elementeinstellungen
- 2.1.1.1.2 Element-Steuerelement
- 2.1.1.1 Einstellungen des Containers
- 2.1.2 Hinzufügen grundlegender Elemente
- 2.1.2.1 Allgemeine Optionen der Grundelemente
- 2.1.2.1.1 Elementeinstellungen
- 2.1.2.1.2 Elementstil
- 2.1.2.1.3 Element-Steuerelement
- 2.1.2.1.4 Verbinder
- 2.1.2.2 Einfügen eines Textelements
- 2.1.2.3 Eingabefeld einfügen
- 2.1.2.4 Einfügen einer Datumsauswahl
- 2.1.2.5 Einfügen eines Optionsfelds
- 2.1.2.6 Einfügen eines Kontrollkästchens
- 2.1.2.7 Einfügen einer Auswahl
- 2.1.2.8 Einfügen eines Links
- 2.1.2.9 Einfügen eines Bilds
- 2.1.2.10 Einfügen einer Trennlinie
- 2.1.2.1 Allgemeine Optionen der Grundelemente
- 2.1.3 Hinzufügen erweiterter Elemente
- 2.1.4 Handhabung von Abschnitten
- 2.1.1 Hinzufügen von Containern
- 2.2 Vorschau
- 2.3 Regeln
- 2.4 Variablen
- 2.5 Datentypen
- 2.6 Element-Steuerelement
- 2.1 Designer
- 3 Workflow-Veröffentlichung
Dieses Handbuch bietet dem Benutzer die notwendigen Informationen zum Entwerfen eines Smartforms im System mit Anweisungen und Tools, die im System implementiert sind. Das Kapitel über den Smartform Designer ist in drei Segmente unterteilt. Eine konzentriert sich auf die Workflows, die zweite auf das Entwerfen eines Formulars und die dritte auf die Veröffentlichung des Workflows mit dem Formular.
Workflow-Ansicht
Nach dem Einloggen in das System kann der Benutzer auf den Bleistift in der Navigationsleiste auf der linken Seite klicken, um auf das Workflow-Repository zuzugreifen. Der Benutzer hat Zugriff auf alle verfügbaren Workflows im Rahmen seiner Rechte. Ein Workflow besteht aus einem Formular und einem oder mehreren Prozessmodellen. Jede Prozessversion kann nur in einen Workflow einbezogen werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Bleistift | Der Bleistift öffnet das Workflow-Repository mit den aufgelisteten Workflows auf der linken Seite, der Versionsverfolgung des ausgewählten Workflows in der Mitte und der Detailansicht eines der Workflows auf der rechten Seite. |
2 | Workflow-Liste | Die Workflow-Liste enthält alle verfügbaren Workflows innerhalb der Benutzerrechte. |
3 | Workflow-Version | Die Workflowversion zeigt die Versionen eines Workflows an. |
4 | Detailansicht | Die Detailansicht bietet einen umfassenden Überblick über die ausgewählte Workflow-Version. |
Workflow-Erstellung
In diesem Absatz wird die Erstellung eines Workflows für das System erläutert. Die Workflowerstellung erfordert einen Namen und ein Vorgehensmodell.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Schaltfläche "Workflow erstellen" | Die Plus-Schaltfläche in der unteren linken Ecke der Workflow-Ansicht ermöglicht die Erstellung eines einzelnen neuen Workflows. |
Referenz | Attribut | Beschreibung |
---|---|---|
2 | Name | Der Name für die Erstellung eines neuen Workflows für das System. |
3 | Schaltfläche "Prozessmodell" | Über die Schaltfläche "Prozessmodell hinzufügen" können Sie ein Prozessmodell für die Erstellung eines einzelnen Workflows hinzufügen. |
Referenz | Attribut | Beschreibung |
---|---|---|
4 | Prozessmodell | Über ein Dropdown-Menü kann das gewünschte Prozessmodell ausgewählt werden. |
5 | Hinzufügen | Über die Schaltfläche 'Hinzufügen' kann das ausgewählte Prozessmodell gespeichert werden. |
6 | Retten | Wenn Sie mit der Benennung und Auswahl des Prozessmodells fertig sind, wird der Workflow durch Klicken auf die Schaltfläche Speichern dem System hinzugefügt. |
Workflow-Version
In diesem Abschnitt wird das Erstellen einer neuen Workflow-Version und das Ändern ihrer Informationen in der Detailansicht im System erläutert.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Copy | Das Kopiersymbol ermöglicht es, eine neue Version des aktuellen Workflows zu erstellen. |
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Workflow-Version | Die Workflow-Version informiert den Benutzer über die Version, ob sie veröffentlicht ist und womit sie verknüpft ist. Wenn Sie auf eine bestimmte Workflow-Version klicken, enthält die Detailansicht die Informationen zu dieser bestimmten Version. |
2 | Name | Dies ist der Name der Workflow-Version, die geändert werden kann. |
3 | Kommentar | Für eine detaillierte Beschreibung der aktuellen Version kann der Benutzer diese im Kommentar hinzufügen. |
4 | Prozessmodell hinzufügen | Über die Schaltfläche "Prozessmodell hinzufügen" können Sie der ausgewählten Workflow-Version ein Prozessmodell hinzufügen. |
5 | Formular hinzufügen | Über die Schaltfläche "Formular hinzufügen" können Sie der ausgewählten Workflow-Version ein Smartformular hinzufügen. |
6 | Abbrechen | Die Schaltfläche 'Abbrechen' setzt die Änderungen in der Detailansicht zurück. |
7 | Retten | Nachdem Sie auf die Schaltfläche "Speichern" geklickt haben, werden alle Änderungen an der Detailansicht wirksam. |
8 | Veröffentlichen | Nach einem Klick auf die Schaltfläche "Veröffentlichen" steht den Benutzern die aktuelle Workflow-Version zur Verfügung. Prozesse können gestartet und bearbeitet werden. |
Formulardesign
Nachdem wir eine neue Version erstellt und alle Informationen gespeichert haben, können wir in der Detailansicht ein neues Formular für die ausgewählte Version hinzufügen. Das Formular hat direkten Zugriff auf eine Reihe von Registerkarten wie:
Designer
Vorschau
Regeln
Variablen
Datentypen
Element-Steuerelement
Nach Auswahl der gewünschten Version des Workflows kann der Benutzer in der Detailansicht auf die Schaltfläche "Formular hinzufügen" klicken, um ein neues Formular zu erstellen.
Designer
Die Formularregisterkarte 'Designer' zeigt eine Ansicht an, in der Container und Elemente zum Entwerfen eines Formulars hinzugefügt werden können.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Elemente | Auf der linken Seite befinden sich Elemente und Container, die zu einem Formular hinzugefügt werden können. |
2 | Form | Der mittlere Abschnitt enthält alle Elemente und Container, die dem Formular hinzugefügt wurden. |
3 | Einstellungen | Jedes Element hat seine eigenen Einstellungen, die im rechten Abschnitt geändert werden können. |
Hinzufügen von Containern
Um mit dem Hinzufügen von Elementen zum Formular zu beginnen, sollte der Benutzer zunächst einen Container hinzufügen. Jedes Element wird einem Container hinzugefügt. Um ein Containerelement hinzuzufügen, kann der Benutzer einen bestimmten Container per Drag & Drop verschieben oder die Schaltflächen im Formular mit vorgegebenen Zeilenlayouts verwenden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Rudern | Container können dem Formular hinzugefügt werden, indem Sie den gewünschten Container einfach per Drag & Drop in den mittleren Abschnitt ziehen. Die Breitenoptionen für jeden Container sind in Klammern angegeben. |
2 | Container | Nach dem Hinzufügen des Containers kann der Benutzer seine Breite durch vertikale gestrichelte Linien getrennt sehen. Auf der linken Seite des Containers befinden sich Zeiger, die die Containerposition ändern können und auf der rechten Seite befindet sich ein Löschsymbol zum Löschen. |
3 | Einstellungen des Containers | Durch Klicken auf den Container kann der Benutzer die Informationen zu diesem Container im rechten Abschnitt sehen. |
Es ist auch möglich, mehrere Registerkarten in das Formular einzufügen.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Registerkarte | Hier werden alle verschiedenen Registerkarten angezeigt, die Sie erstellt haben. Container können zu jeder Registerkarte hinzugefügt werden, indem Sie den gewünschten Container einfach per Drag & Drop in den mittleren Abschnitt ziehen. Die Breitenoptionen für jeden Container sind in Klammern angegeben. |
2 | Name | Hier kann dem 'Tabs'-Container ein Name gegeben werden. |
3 | Tabulatorbezeichnung | Hier muss jeder Tab einen individuellen Namen erhalten, da dieser Name dem Benutzer als Kopf des entsprechenden Tabs angezeigt wird, um die Tabs unterscheiden zu können. Tabs können mit dem Plus-Symbol hinzugefügt werden. Durch Klicken auf das Löschsymbol kann ein Tab gelöscht werden. |
Einstellungen des Containers
Elementeinstellungen
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Name | Hier kann dem Container ein individueller Name gegeben werden |
Element-Steuerelement
Für jeden Container kann definiert werden, ob er lesbar, beschreibbar oder erforderlich sein soll, einschließlich aller darin enthaltenen Elemente. Wenn kein Elementsteuerelement angegeben ist, erbt dieser Container das Elementsteuerelement vom Formularstandard (siehe Abschnitt Section Handling für weitere Informationen).
Hinzufügen grundlegender Elemente
Nach dem Hinzufügen des Containers kann der Benutzer Elemente zum gewünschten Container hinzufügen. Jedes Element hat seine eigenen Elementeinstellungen, Elementstil, Elementsteuerung und die Möglichkeit, Verbindungen zu verwenden.
Allgemeine Optionen der Grundelemente
Elementeinstellungen
Die Elementeinstellungen hängen vom Elementtyp ab und werden jeweils in den folgenden Absätzen erläutert.
Elementstil
Die Optionen der Elementstile sind für alle Elementtypen außer dem Textelement identisch. Die folgenden Stile sind verfügbar.
Alle Elemente außer Textelement:
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Element: Ausrichtung | Die Ausrichtung des Elements kann innerhalb der Zelle in rechts, zentriert, links oder gestreckt geändert werden. |
2 | Bezeichnung: Stile (CSS) | Dem Label kann ein beliebiger Stil mit CSS-Code zugewiesen werden. Mögliche Beispiele sind font-weight oder font-size. |
3 | Beschriftung: Rand (in px) | Der Abstand rechts vom Element kann hier in Pixel angegeben werden. |
4 | Label: Position | Die Position des Etiketts kann in links, rechts, tob oder unten geändert werden. |
5 | Bezeichnung: Ausrichtung | Die Ausrichtung des Etiketts kann nach links, zentriert oder rechts geändert werden. |
Textelement:
Referenz | Attribut | Beschreibung |
---|---|---|
6 | Element: Ausrichtung | Die Ausrichtung des Textelements kann innerhalb der Zelle in rechts, zentriert, links oder gestreckt geändert werden. |
7 | Schriftgröße (in %) | Die Schriftgröße eines Textes beträgt standardmäßig 100 %. Wenn der Prozentsatz erhöht wird, wird die Schriftart vergrößert und wenn sie verkleinert wird, wird die Schriftart entsprechend verkleinert. |
8 | Schriftstärke | Normal ist die Standardschriftstärke. Es kann in hell oder fett geändert werden. |
9 | Schriftart | Normal ist der Standardschriftschnitt. Es kann kursiv geändert werden. |
10 | Schriftfarbe (CSS) | Standardmäßig ist die Schriftfarbe schwarz. Es kann individuell geändert werden. Die CSS-Farbnamen und die Formate Hex, RGB und HSL werden unterstützt. |
11 | Unterstreichen | Standardmäßig ist keine Unterstreichung ausgewählt. Text kann dünn, mittel und fett unterstrichen werden. |
12 | Farbe unterstreichen (CSS) | Wenn ein Unterstreichungsstil ausgewählt ist, ist die Standardfarbe Schwarz. Es kann individuell geändert werden. Die CSS-Farbnamen und die Formate Hex, RGB und HSL werden unterstützt. |
Element-Steuerelement
Für jedes Element kann definiert werden, ob es lesbar, beschreibbar oder erforderlich sein soll. Wenn kein Elementsteuerelement angegeben ist, erbt dieses Element das Elementsteuerelement vom Container (siehe Abschnitt Section Handling für weitere Informationen).
Verbinder
Jedes Element kann auch Informationen von Konnektoren anzeigen. Weitere Informationen zur Verwendung und Implementierung von Konnektoren finden Sie im Kapitel 'Konnektoren'.
Einfügen eines Textelements
Ein Textelement wird verwendet, um einen Titel, eine Überschrift oder einen einfachen Text zu deklarieren, der im Smartformular angezeigt wird. Der Inhalt des Textes wird über die Elementeinstellungen geändert. Um ein Textelement hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Textelemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Name | Hier kann dem Textfeld ein individueller Name gegeben werden |
2 | Text | Hier kann der vom Textfeld angezeigte Text eingegeben werden |
Eingabefeld einfügen
Benutzer können Daten in ein Eingabefeld eingeben. Das Eingabefeldelement kann auf verschiedene Arten angezeigt werden. In der Regel besteht es aus einem Label und einem Eingabebereich. Um ein Eingabefeldelement hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Eingabefeldelemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
2 | Variable | Für jedes Eingabefeld wird ein eindeutiger Variablenname benötigt. Standardmäßig wird die Variable automatisch gesetzt. Der Benutzer kann den Variablennamen manuell ändern oder über die Schaltfläche 'Als Variablenname kennzeichnen' einen Variablennamen aus dem Beschriftungstext generieren. |
3 | Indexfeld | Indexfelder werden verwendet, um Informationen aus einem Smartformular direkt in den Aufgaben- und Prozessinstanzlisten anzuzeigen. Sie bieten erweiterte Informationen zur Prozessinstanz und können für die zusätzliche Filterung und Sortierung verwendet werden. Siehe auch Filtern, sortieren, Ansichten anpassen. |
4 | Datentyp | Standardmäßig werden die Datentypen 'text' und 'number' bereitgestellt. Der Datentyp 'text' ist vorausgewählt. Im Reiter 'Datentypen' können weitere Datentypen angelegt werden (siehe Abschnitt 'Datentypen' für weitere Informationen). |
5 | Platzhalter | Dieses Attribut gibt einen kurzen Hinweis an, der den Erwartungswert eines Eingabefeldes beschreibt (z.B. einen Beispielwert oder eine Kurzbeschreibung des erwarteten Formats). Der kurze Hinweis wird im Eingabefeld angezeigt, bevor der Benutzer einen Wert eingibt. |
6 | Ikone | Über ein Dropdown-Menü ist ein Icon auswählbar, welches neben dem Eingabefeld angezeigt wird. Ein '?' für Hilfe oder ein '!' für Info kann ausgewählt werden. |
Symbol: Position | Hier kann die Position des Icons per Dropdown ausgewählt werden. Das Dropdown-Menü befindet sich entweder links oder rechts vom Eingabefeld. Standardmäßig befindet sich das Symbol rechts neben dem Eingabefeld. | |
Symbol: Text | Hier wird der Text eingegeben, der dem Benutzer angezeigt werden soll, wenn er während der Erfüllung seiner Aufgaben mit der Maus über das Symbol fährt. |
Einfügen einer Datumsauswahl
Zum Aufzeichnen eines Datums wird das datepicker-Element verwendet. Das datepicker-Element stellt Benutzern einen Popup-Kalender zur Verfügung, in dem sie ein Datum oder Datum und eine Uhrzeit auswählen können. Wenn ein Benutzer die Sprache ändert, wird das Datum-/Uhrzeitformat automatisch in das für die ausgewählte Sprache gültige Datums-/Uhrzeitformat konvertiert. Siehe: Gültige Datum/Zeit Formate. Um ein Datepicker-Element hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Datepicker-Elemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
2 | Variable | Für jedes Datepicker-Feld ist ein eindeutiger Variablenname erforderlich. Standardmäßig wird die Variable automatisch gesetzt. Der Benutzer kann den Variablennamen manuell ändern oder über die Schaltfläche 'Als Variablenname kennzeichnen' einen Variablennamen aus dem Beschriftungstext generieren. |
3 | Indexfeld | Indexfelder werden verwendet, um Informationen aus einem Smartformular direkt in den Aufgaben- und Prozessinstanzlisten anzuzeigen. Sie bieten erweiterte Informationen zur Prozessinstanz und können für die zusätzliche Filterung und Sortierung verwendet werden. Siehe auch Filtern, sortieren, Ansichten anpassen. |
4 | Art | Standardmäßig kann ein einzelnes Datum im Kalender-Popup ausgewählt werden. Es besteht aber auch die Möglichkeit, mehrere Daten oder einen Zeitraum einzugeben. |
5 | Zeitauswahl | Zusätzlich kann das Kalender-Popup mit einem Timepicker zur Eingabe einer Uhrzeit erweitert werden. |
6 | Ikone | Mit einem Dropdown-Menü ist ein Symbol auswählbar, das neben dem Datumsauswahlfeld angezeigt wird. Ein '?' für Hilfe oder ein '!' für Info kann ausgewählt werden. |
Symbol: Position | Hier kann die Position des Icons per Dropdown ausgewählt werden. Entweder befindet sich das Dropdown-Menü links oder rechts neben dem Datumsauswahlfeld. Standardmäßig befindet sich das Symbol rechts neben dem Datumsauswahlfeld. | |
Symbol: Text | Hier wird der Text eingegeben, der dem Benutzer angezeigt werden soll, wenn er während der Erfüllung seiner Aufgaben mit der Maus über das Symbol fährt. |
Einfügen eines Optionsfelds
Optionsfelder sind Auswahlfelder, die immer gruppiert sind. Aus dieser Gruppe kann nur eine Auswahl getroffen werden. Um ein Radiobutton-Element hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Radiobutton-Elemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
2 | Variable | Für jedes Optionsfeld ist ein eindeutiger Variablenname erforderlich. Standardmäßig wird die Variable automatisch gesetzt. Der Benutzer kann den Variablennamen manuell ändern oder über die Schaltfläche 'Als Variablenname kennzeichnen' einen Variablennamen aus dem Beschriftungstext generieren. |
3 | Indexfeld | Indexfelder werden verwendet, um Informationen aus einem Smartformular direkt in den Aufgaben- und Prozessinstanzlisten anzuzeigen. Sie bieten erweiterte Informationen zur Prozessinstanz und können für die zusätzliche Filterung und Sortierung verwendet werden. Siehe auch Filtern, sortieren, Ansichten anpassen. |
4 | Layout | Die Optionen des Radiobutton-Elements können untereinander als Liste oder in einer Zeile als Block angezeigt werden. |
5 | Optionen auswählen | Weitere Auswahloptionen können mit dem Plus-Symbol hinzugefügt werden. Durch Anklicken des Löschsymbols kann eine Option gelöscht werden. |
Einfügen eines Kontrollkästchens
Checkboxen sind ebenfalls Auswahlboxen, können aber einzeln und unabhängig voneinander angeklickt werden. Um ein Checkbox-Element hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Checkbox-Elemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
2 | Variable | Für jedes Checkbox-Feld ist ein eindeutiger Variablenname erforderlich. Standardmäßig wird die Variable automatisch gesetzt. Der Benutzer kann den Variablennamen manuell ändern oder über die Schaltfläche 'Als Variablenname kennzeichnen' einen Variablennamen aus dem Beschriftungstext generieren. |
3 | Indexfeld | Indexfelder werden verwendet, um Informationen aus einem Smartformular direkt in den Aufgaben- und Prozessinstanzlisten anzuzeigen. Sie bieten erweiterte Informationen zur Prozessinstanz und können für die zusätzliche Filterung und Sortierung verwendet werden. Siehe auch Filtern, sortieren, Ansichten anpassen. |
4 | Text | Der Text der Checkbox kann hier geändert werden. Wenn die Checkbox beim Öffnen des Smartformulars aktiviert werden soll, muss der Button 'Aktiv (angekreuzt)' markiert sein. |
5 | Ikone | Mit einem Dropdown-Menü ist ein Symbol auswählbar, das neben dem Checkbox-Feld angezeigt wird. Ein '?' für Hilfe oder ein '!' für Info kann ausgewählt werden. |
Symbol: Position | Hier kann die Position des Icons per Dropdown ausgewählt werden. Entweder befindet sich das Dropdown-Menü links oder rechts neben dem Kontrollkästchenfeld. Standardmäßig befindet sich das Symbol rechts neben dem Checkboxfeld. | |
Symbol: Text | Hier wird der Text eingegeben, der dem Benutzer angezeigt werden soll, wenn er während der Erfüllung seiner Aufgaben mit der Maus über das Symbol fährt. |
Einfügen einer Auswahl
Ein select-Element wird verwendet, um Auswahloptionen in einem Dropdown-Menü oder einer Liste anzuzeigen. Um ein ausgewähltes Element hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Ausgewählte Elemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
2 | Variable | Für jedes Auswahlfeld ist ein eindeutiger Variablenname erforderlich. Standardmäßig wird die Variable automatisch gesetzt. Der Benutzer kann den Variablennamen manuell ändern oder über die Schaltfläche 'Als Variablenname kennzeichnen' einen Variablennamen aus dem Beschriftungstext generieren. |
3 | Indexfeld | Indexfelder werden verwendet, um Informationen aus einem Smartformular direkt in den Aufgaben- und Prozessinstanzlisten anzuzeigen. Sie bieten erweiterte Informationen zur Prozessinstanz und können für die zusätzliche Filterung und Sortierung verwendet werden. Siehe auch Filtern, sortieren, Ansichten anpassen. |
4 | Platzhalter | Dieses Attribut gibt einen kurzen Hinweis an, der den erwarteten Wert eines Auswahlfeldes beschreibt (z. B. einen Beispielwert oder eine kurze Beschreibung des erwarteten Formats). Der kurze Hinweis wird im Auswahlfeld angezeigt, bevor der Benutzer einen Wert eingibt. |
5 | Auswahlart | Hier kann das Layout der Auswahl geändert werden. Der Benutzer kann zwischen Dropdown oder Listbox wählen und per Multiselect festlegen, ob mehr als eine Option ausgewählt werden darf. |
6 | Optionen auswählen | Optionen können mit dem Plus-Symbol hinzugefügt werden. Durch Anklicken des Löschsymbols kann eine Option gelöscht werden. |
Einfügen eines Links
Links können verwendet werden, um auf andere Dokumente oder andere Anwendungen zu verweisen. Wenn ein Benutzer auf den Link klickt, wird das Dokument oder die Anwendung geöffnet. Um ein Link-Element hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Linkelemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
2 | Web-Adresse | Hier wird die URL zu einem Dokument oder einer Anwendung angegeben. Die URL kann statisch sein oder Variablen enthalten (z. B. www.myCompany.dom/${myLinkVariable}), die zur Laufzeit gefüllt werden. |
3 | Linktext | Der Linktext ersetzt die URL durch einen benutzerfreundlichen Namen. |
4 | Ikone | Mit einem Dropdown-Menü ist ein Icon wählbar, das neben dem Link-Element angezeigt wird. Ein '?' für Hilfe oder ein '!' für Info kann ausgewählt werden. |
Symbol: Position | Hier kann die Position des Icons per Dropdown ausgewählt werden. Entweder befindet sich das Dropdown-Menü links oder rechts vom Link-Element. Standardmäßig befindet sich das Symbol rechts neben dem Link-Element. | |
Symbol: Text | Hier wird der Text eingegeben, der dem Benutzer angezeigt werden soll, wenn er während der Erfüllung seiner Aufgaben mit der Maus über das Symbol fährt. |
Einfügen eines Bilds
Bilder können durch Angabe des Dateipfads in das Smartformular eingebettet werden. Um ein Bildelement hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Bildelemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Quelle | Hier werden der Dateipfad und der Dateiname eines Bildes angegeben. Bilder, die sich im Ressourcenordner befinden, haben den Pfad /loom-portal/resource/. Hinweis: Es werden nur Bilder akzeptiert. Nicht pdf, doc, etc.. |
2 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
Einfügen einer Trennlinie
Trennlinien können verwendet werden, um einen Teil des Dokuments strikt von einem anderen zu trennen. Diese Trennlinie kann entweder eine horizontale Linie oder einfach ein großer Raum sein. Um ein Trennelement hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Trennelemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Name | Hier kann dem Trenner ein individueller Name gegeben werden |
2 | Linie | Sie können entweder eine Linie als Trennlinie anzeigen oder einfach einen optischen Trenner nach Raum haben. Die Standardoption zeigt die Zeile an. |
Hinzufügen erweiterter Elemente
Einfügen eines Textbereichs
Textarea kann verwendet werden, so dass der Benutzer mehr Platz zum Eingeben hat als mit einem einfachen Eingabefeld. Z.B. ein zusammenhängender Text. Um ein textarea-Element hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Textarea-Elemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
2 | Variable | Für jedes Textfeldfeld ist ein eindeutiger Variablenname erforderlich. Standardmäßig wird die Variable automatisch gesetzt. Der Benutzer kann den Variablennamen manuell ändern oder über die Schaltfläche 'Als Variablenname kennzeichnen' einen Variablennamen aus dem Beschriftungstext generieren. |
3 | Indexfeld | Indexfelder werden verwendet, um Informationen aus einem Smartformular direkt in den Aufgaben- und Prozessinstanzlisten anzuzeigen. Sie bieten erweiterte Informationen zur Prozessinstanz und können für die zusätzliche Filterung und Sortierung verwendet werden. Siehe auch Filtern, sortieren, Ansichten anpassen. |
4 | Größe | Hier kann die Breite und die Höhe des Textbereichs festgelegt werden. Die Breite wird in Zeichen und die Höhe in Zeilen angegeben. |
5 | Ikone | Mit einem Dropdown-Menü ist ein Symbol auswählbar, das neben dem Textfeldfeld angezeigt wird. Ein '?' für Hilfe oder ein '!' für Info kann ausgewählt werden. |
Symbol: Position | Hier kann die Position des Icons per Dropdown ausgewählt werden. Entweder befindet sich das Dropdown-Menü links oder rechts neben dem Textfeldfeld. Standardmäßig befindet sich das Symbol rechts neben dem Textfeldfeld. | |
Symbol: Text | Hier wird der Text eingegeben, der dem Benutzer angezeigt werden soll, wenn er während der Erfüllung seiner Aufgaben mit der Maus über das Symbol fährt. |
Einfügen eines Rich-Text-Objekts
Rich-Text kann verwendet werden, um dem Benutzer mehr Platz zum Tippen zu geben, genau wie der Textbereich, aber mit dem Vorteil, dass der Benutzer mehr Stiloptionen für seinen Text hat, z. B. Größe, Farbe, Schriftart, Schriftstärke und Textausrichtung. Um ein Rich-Text-Element hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Rich-Text-Elemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
2 | Variable | Für jedes Rich-Text-Feld ist ein eindeutiger Variablenname erforderlich. Standardmäßig wird die Variable automatisch gesetzt. Der Benutzer kann den Variablennamen manuell ändern oder über die Schaltfläche 'Als Variablenname kennzeichnen' einen Variablennamen aus dem Beschriftungstext generieren. |
3 | Indexfeld | Indexfelder werden verwendet, um Informationen aus einem Smartformular direkt in den Aufgaben- und Prozessinstanzlisten anzuzeigen. Sie bieten erweiterte Informationen zur Prozessinstanz und können für die zusätzliche Filterung und Sortierung verwendet werden. Siehe auch Filtern, sortieren, Ansichten anpassen. |
4 | Höhe | Die Höhe des Textbereichs kann hier in Pixel angegeben werden. Es ist auf eine Standardhöhe von 150px eingestellt. |
5 | Ikone | Mit einem Dropdown-Menü ist ein Symbol auswählbar, das neben dem Rich-Text-Feld angezeigt wird. Ein '?' für Hilfe oder ein '!' für Info kann ausgewählt werden. |
Symbol: Position | Hier kann die Position des Icons per Dropdown ausgewählt werden. Das Dropdown-Menü befindet sich entweder links oder rechts neben dem Rich-Text-Feld. Standardmäßig befindet sich das Symbol rechts neben dem Rich-Text-Feld. | |
Symbol: Text | Hier wird der Text eingegeben, der dem Benutzer angezeigt werden soll, wenn er während der Erfüllung seiner Aufgaben mit der Maus über das Symbol fährt. |
Einfügen eines benutzerdefinierten HTML-Codes
Ein benutzerdefiniertes HTML kann verwendet werden, um noch mehr Designoptionen zu haben, die nicht durch die grundlegenden und erweiterten Elemente abgedeckt werden, die im Smartform-Designer verfügbar sind. Um ein benutzerdefiniertes HTML-Element hinzuzufügen, kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Benutzerdefinierte HTML-Elemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Name | Hier kann dem benutzerdefinierten HTML ein individueller Name gegeben werden |
2 | .HTML | Hier kann beliebiger HTML-Code eingegeben werden |
3 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
4 | Ikone | Mit einem Dropdown-Menü ist ein Symbol auswählbar, das neben dem benutzerdefinierten HTML-Element angezeigt wird. Ein '?' für Hilfe oder ein '!' für Info kann ausgewählt werden. |
Symbol: Position | Hier kann die Position des Icons per Dropdown ausgewählt werden. Die Dropdownliste befindet sich entweder links oder rechts neben dem benutzerdefinierten HTML-Element. Standardmäßig befindet sich das Symbol rechts neben dem benutzerdefinierten HTML-Element. | |
Symbol: Text | Hier wird der Text eingegeben, der dem Benutzer angezeigt werden soll, wenn er während der Erfüllung seiner Aufgaben mit der Maus über das Symbol fährt. |
Einfügen einer AutoVervollständigung
Die automatische Vervollständigung sagt den Rest eines Wortes voraus, das ein Benutzer basierend auf einer begrenzten Anzahl möglicher Optionen beim Entwerfen des Formulars eingibt. Zum Hinzufügen eines Autovervollständigungselements kann der Benutzer das Element per Drag & Drop in einen bestimmten Container ziehen. Autocomplete-Elemente können über das Plus-Symbol kopiert und über das Löschsymbol entfernt werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Etikett | Hier kann der Text des Etiketts geändert werden. Optional kann die Beschriftung ausgeblendet werden, indem Sie das Kontrollkästchen aktivieren. |
2 | Variable | Für jedes AutoVervollständigen-Feld ist ein eindeutiger Variablenname erforderlich. Standardmäßig wird die Variable automatisch gesetzt. Der Benutzer kann den Variablennamen manuell ändern oder über die Schaltfläche 'Als Variablenname kennzeichnen' einen Variablennamen aus dem Beschriftungstext generieren. |
3 | Indexfeld | Indexfelder werden verwendet, um Informationen aus einem Smartformular direkt in den Aufgaben- und Prozessinstanzlisten anzuzeigen. Sie bieten erweiterte Informationen zur Prozessinstanz und können für die zusätzliche Filterung und Sortierung verwendet werden. Siehe auch Filtern, sortieren, Ansichten anpassen. |
4 | Platzhalter | Dieses Attribut gibt einen kurzen Hinweis an, der den Erwartungswert eines AutoVervollständigungsfelds beschreibt (z. B. einen Beispielwert oder eine Kurzbeschreibung des erwarteten Formats). Der kurze Hinweis wird im AutoVervollständigen-Feld angezeigt, bevor der Benutzer einen Wert eingibt. |
5 | Kontrollkästchen | Hier können Sie auswählen, ob der Benutzer alle möglichen Optionen sehen können soll und auch manuell aus den verfügbaren Optionen auswählen können. Durch Ankreuzen der Groß-/Kleinschreibung werden die Suchergebnisse, die dem Benutzer angezeigt werden, abhängig von der Groß-/Kleinschreibung seiner Suche. |
6 | Optionen auswählen | Optionen können mit dem Plus-Symbol hinzugefügt werden. Durch Anklicken des Löschsymbols kann eine Option gelöscht werden. |
Handhabung von Abschnitten
Der Benutzer kann im Abschnitt Handhabung (Kontext) einen bestimmten Kontext auswählen und festlegen, wie das Formular in diesem Kontext angezeigt wird.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Abschnittsbehandlung (Kontext) | Der Benutzer kann einen bestimmten Kontext auswählen, um zu definieren, wie sich das Formular in diesem Kontext verhalten soll. |
2 | Element auswählen | Nach Auswahl des gewünschten Kontexts kann der Benutzer einen Container oder ein Element auswählen, um seine Elementsteuerelementeinstellungen für den aktuell ausgewählten Kontext anzuzeigen. |
3 | Element-Steuerelement | In der Elementsteuerungseinstellung eines ausgewählten Containers oder Elements kann der Benutzer festlegen, ob es sichtbar, beschreibbar oder erforderlich sein soll. |
4 | Bestehend | Hier wird gezeigt, für welchen spezifischen Kontext eine Elementsteuerelementeinstellung bereits existiert. |
Vorschau
Die Formularregisterkarte "Vorschau" zeigt an, wie ein Formular im gesamten Prozess oder in einem bestimmten Teil des Prozesses angezeigt wird.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Auswahl der Formularvorschau | Der Benutzer kann sehen, wie ein Formular in einem bestimmten Teil des Prozessmodells entworfen wird. |
2 | Vorschau | Die aktuelle Formularvorschau, die vom Benutzer in der Formularvorschauauswahl ausgewählt wurde. |
Um die Formularvorschau für einen bestimmten Kontext zu ändern, kann der Benutzer sie per Dropdown ändern.
Referenz | Attribut | Beschreibung |
---|---|---|
3 | Zusammenhang | Der Benutzer kann sehen, wie ein Formular in einem bestimmten Kontext des Prozessmodells entworfen wird. |
4 | Vorschau | Nach Auswahl des gewünschten Kontexts zeigt das Formular den spezifischen Teil für diesen Kontext an. |
Regeln
Die Formularregisterkarte "Regeln" sind Regelsätze, die das Verhalten des Formulars in Abhängigkeit von den Triggerereignissen ändern können.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Regel erstellen | Während der Benutzer die Registerkarte "Regeln" öffnet zum ersten Mal Über den 'Regel erstellen'-Button können Sie eine neue Regel erstellen. |
2 | Schaffen | Die Plus-Schaltfläche unten links auf der Registerkarte "Regeln" ermöglicht die Erstellung einer neuen Regel. |
3 | Trigger-Ereignis | Auf der linken Seite der Ansicht werden Trigger-Ereignisse aufgelistet. Unter jedem Trigger-Ereignis werden die erstellten Regeln entsprechend leicht eingerückt dargestellt (siehe nächstes Bild). |
Referenz | Attribut | Beschreibung |
---|---|---|
4 | Name | Der Name für die Erstellung einer neuen Regel für das System. |
5 | Trigger-Ereignis | Per Dropdown kann das gewünschte Triggerereignis ausgewählt werden. Triggerereignisse einer Regel können beim Laden des Formulars, bei der Formulareingabe und vor dem Senden/Speichern des Formulars auftreten. |
6 | Regel aktivieren | Wenn das Kontrollkästchen aktiviert ist, wird die Regel aktiviert und wenn die Bedingungen erfüllt sind, wird sie ausgelöst. |
7 | Überschreiben | Wenn dieses Kontrollkästchen aktiviert ist und die Regelkonsequenz auf ein Feld verweist, das bereits einen Wert enthält, wird der Wert durch das überschrieben, was die Regel sagt. |
8 | Bedingungen | Auf dem Bedingungsteil setzt der Benutzer einen Bedingungszustand eines Elements (z. B. sollte das durch den Variablennamen ausgewählte Radiobutton-Element nicht gleich dem Wert 'Ja' sein, abhängig von der Bedingung, in der der Benutzer das Verhalten eines anderen Elements oder Containers ändern kann. |
9 | Tasten | Mit dem 'Regel kopieren'-Button kann die Regel kopiert und mit dem 'Regel löschen'-Button die Regel gelöscht werden. |
Um die aktivierten Regeln zu testen, kann der Benutzer auf die Registerkarte "Vorschau" gehen und das Regelverhalten abhängig von der Konfiguration der Regel überprüfen.
Referenz | Attribut | Beschreibung |
---|---|---|
10 | Regeltest | Wie die Regel konfiguriert wurde, während nichts ausgewählt ist oder wenn Sie "Ja" auf dem Optionsfeld auswählen, wird die Auswahl mit den Listenelementen angezeigt. |
Referenz | Attribut | Beschreibung |
---|---|---|
11 | Regeltest | Wenn Sie im Optionsfeld "Nein" auswählen, ist die Auswahl nicht sichtbar. |
Variablen
Im Formularreiter 'Variablen' werden alle Formularvariablen und Systemvariablen aufgelistet.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Formularvariablen | Hier werden alle Variablen, die durch Hinzufügen von Elementen im Formular erstellt werden, mit ihren entsprechenden Informationen wie Name, Feld/Element, Indexfeld und Datentyp aufgelistet. Durch Klicken auf die drei Punkte können Variablen bearbeitet oder gelöscht werden. |
2 | Variable hinzufügen | Die Schaltfläche "Variable hinzufügen" ermöglicht es dem Designer, eine Variable manuell hinzuzufügen und die Informationen zu dieser Variablen festzulegen. |
3 | Systemvariablen | Hier werden alle Systemvariablen aufgelistet. Sie sind vordefiniert und können nicht geändert oder gelöscht werden. Es ist auch nicht möglich, Systemvariablen hinzuzufügen. |
Datentypen
Auf der Registerkarte "Datentypen" kann der Benutzer benutzerdefinierte Datentypen erstellen, die in den Formularen verwendet werden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Datentyp erstellen | Während der Benutzer die Registerkarte "Datentypen" öffnet zum ersten Mal Über die Schaltfläche 'Datentyp erstellen' können Sie einen neuen Datentyp erstellen. |
2 | Schaffen | Die Plus-Schaltfläche unten links auf der Registerkarte "Datentypen" ermöglicht die Erstellung eines neuen Datentyps. |
3 | Datentypen | Auf der linken Seite der Ansicht werden alle erstellten Datentypen aufgelistet. |
Referenz | Attribut | Beschreibung |
---|---|---|
4 | Datentypeigenschaften | Zum Erstellen eines Datentyps ist der Feldname obligatorisch. Der Benutzer kann einen Basistyp mit einem Dropdown-Menü auswählen. Einem Datentyp können ein Präfix und ein Suffix hinzugefügt werden. Z.B. kann der Benutzer für einen Zahlenbasistyp seine Nachkommastellen und den Wertebereich der Zahl definieren. |
5 | Testdatentyp | Zum Testen des neuen Datentyps kann der Benutzer sein Verhalten überprüfen und mit dem Feld 'Testdatentyp' anzeigen. |
Element-Steuerelement
Auf der Registerkarte "Elementsteuerelement" kann der Benutzer alle Elementsteuerelemente sehen, die auf der Registerkarte "Designer" erstellt wurden.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Einstellungen für Elementsteuerelemente | Hier werden für jedes Elementsteuerelement der Kontext, der Feldname, der Elementtyp, der übergeordnete Container (falls vorhanden) und die Steuerungsoptionen angezeigt. Die Optionen (sichtbar, beschreibbar, erforderlich) können durch Anklicken der entsprechenden Checkbox geändert werden. Durch Klicken auf den Papierkorb auf der rechten Seite kann die Einstellung für die Elementsteuerung gelöscht werden. |
Workflow-Veröffentlichung
Nach Abschluss des Entwurfs des Formulars kann der Benutzer die Workflow-Version mit dem entworfenen Formular veröffentlichen.
Referenz | Attribut | Beschreibung |
---|---|---|
1 | Version | Nach dem Ausfüllen des Formulars kann der Benutzer die Version des Workflows auswählen. |
2 | Veröffentlichen | Über die Schaltfläche "Veröffentlichen" unten rechts in der Detailansicht kann die Workflow-Version veröffentlicht werden. |
Referenz | Attribut | Beschreibung |
---|---|---|
3 | Smartformular | Nach dem Veröffentlichen des Workflows wird das neu gestaltete Formular auf der Registerkarte smartform veröffentlicht, und die Prozessinstanz mit dem neuen angehängten Formular ist nun startbar. |
© TIM Solutions GmbH | AGB | Datenschutz | Impressum