OneSpan Sign Developer: Anpassung der Benutzeroberfläche von New Signer Experience - Teil 1

Duo Liang, 23. Oktober 2019

OneSpan Sign Developer: New Signer Experience UI Message Customization – Part 1

In dem erster Blog In unserer New Signer Experience-Reihe haben wir Sie durch die aktualisierten UI-Komponenten geführt, die Ihren Empfängern eine modernere und professionellere Erfahrung bieten. Dann in der zweiter Blog Es wurden leistungsfähigere und verbesserte Branding-Funktionen demonstriert.

In diesem dritten Blog werden wir nun einen wichtigen Teil der White-Labeling-Funktion in der neuen Signer-Erfahrung vorstellen: die Anpassung von UI-Nachrichten. Aufgrund all dieser Verhaltensänderungen an unseren neuen UI-Komponenten bieten wir jetzt verschiedene, aber flexiblere und konfigurierbarere Optionen an, mit denen Sie die UI-Beschriftungen in der Benutzeroberfläche anpassen können.

String-Anpassung

Beachten Sie, dass alle Benutzer die Zeichenfolge noch ausfüllen müssen, auch wenn Sie Ihre Zeichenfolge bereits in der vorherigen Unterzeichnungszeremonie angepasst haben Branding-Migrationsformulare um unsere zu informieren Support-team wie Sie Ihre Oberfläche anpassen möchten.

Im Folgenden werde ich Sie durch eine Reihe anpassbarer UI-Beschriftungen führen. Wenn Sie die Attributnamen und ihre Beschreibungen zusammen mit einigen Screenshots angeben, sehen Sie, welche Auswirkungen jede Zeichenfolgenanpassung hat. Nach allen Standardwerten wird ein zusätzliches Tag "(benutzerdefinierter Inhalt)" hinzugefügt, um die Fähigkeit zur weißen Beschriftung besser visuell darzustellen.

In einigen UI-Zeichenfolgen befinden sich Platzhalter in geschweiften Klammern. Dies bedeutet, dass diese Werte entsprechend Ihrer Kontoeinstellung dynamisch eingefügt werden. Sie werden ihnen im folgenden Beispiel einige Male begegnen.

COOKIE-POLITIK

1. "oss.components.CookieConsent.cookiePolicyTitle"
Beschreibung: Titel der Cookie-Richtlinienwarnung
2. "oss.components.CookieConsent.cookiePolicyText"
Beschreibung: Cookie-Richtliniennachricht
10-23-1

ELEKTRONISCHES OFFENLEGUNGSDOKUMENT

1. "oss.components.AcceptConsentBar.text"
Beschreibung: Text, der für die E-Sign-Zustimmung oben auf der Seite angezeigt wird
2. "oss.components.ConfirmBar.document.consent.text"
Beschreibung: Text, der für die E-Sign-Einwilligung am Ende der Seite angezeigt wird
3. "oss.components.AcceptConsentBar.button.label"
Beschreibung: Akzeptieren Sie die Schaltfläche für die E-Sign-Einwilligung oben / unten auf der Seite
10-23-2

TOP BAR & MEHR AKTIONEN

1. "oss.components.TopBar.logo_alt"
Beschreibung: Alternativer Text für das Kontologo. Wird für Screenreader verwendet.
2. "oss.components.ZoomButton.zoomIn" / "oss.components.ZoomButton.zoomOut"
Beschreibung: Tooltip zum Vergrößern / Verkleinern
3. "oss.components.MoreActions.moreActions"
Beschreibung: Dropdown-Text Weitere Aktionen
4. "oss.components.LanguagePicker.language"
Beschreibung: Sprachschaltfläche im Menü Weitere Aktionen
5. "oss.components.MoreActions.zoom"
Beschreibung: Beschriftung für Zoomaktion im Menü Weitere Aktionen
6. "oss.components.MoreActions.declineTosign"
Beschreibung: Option "Ablehnen" im Menü "Weitere Aktionen"
10-23-3

ABLEHNEN

1. "oss.components.DeclineToSign.title"
Beschreibung: Titel des Bereichs ablehnen
2. "oss.components.DeclineToSign.contentTitle"
Beschreibung: Bereichstext ablehnen
3. "oss.components.DeclineToSign.content"
Beschreibung: Text zur Auswahl eines Grundes für die Ablehnung
4. "oss.components.DeclineToSign.otherReason"
Beschreibung: Option "Anderer Grund"
5. "oss.components.DeclineToSign.otherReasonPlaceholder"
Beschreibung: Platzhaltertext wird im Eingabefeld "Anderer Grund" angezeigt
6. "oss.components.DeclineToSign.decline"
Beschreibung: Beschriftung von Schaltflächen ablehnen
7. "oss.components.DeclineToSign.cancel"
Beschreibung: Schaltflächenbeschriftung abbrechen
10-23-4
8. "oss.components.DeclineToSign.declineMessageTitle"
Beschreibung: Titel der Seite, die angezeigt wird, wenn der Unterzeichner eine Transaktion ablehnt.
9. "oss.components.DeclineToSign.declineMessageDescription"
Beschreibung: Der Seitenkörper wird angezeigt, wenn der Unterzeichner eine Transaktion ablehnt.
Diese Seite wird nur angezeigt, wenn keine Handover-URL definiert ist.
In einem iFrame, auf den über die Absender-Benutzeroberfläche zugegriffen wird, wird diese Seite auch dann angezeigt, wenn eine Handover-URL definiert ist.
10-23-5

FORMFELDER

1. "oss.components.FieldsList.SignatureBlock.click_to_sign" / "oss.components.FieldsList.SignatureBlock.click_to_initial"
Beschreibung: Text, der im Feld Click-to-Sign- oder Click-to-Initial-Signatur angezeigt wird, bevor er akzeptiert wird
2. "oss.components.FieldsList.SignatureBlock.signedBy" / "oss.components.FieldsList.SignatureBlock.initialedBy"
Beschreibung: Text, der im Feld Click-to-Sign- oder Click-to-Initial-Signatur angezeigt wird, nachdem er akzeptiert wurde
10-23-6
3. "oss.components.Fields.Field.required"
Beschreibung: Beschriftung wird über einem Feld angezeigt, wenn das Feld benötigt wird und leer bleibt
4. "oss.components.Fields.Field.placeholder"
Beschreibung: Platzhaltertext wird in den Feldern Text und Textbereich angezeigt
5. "oss.components.Fields.Field.List.placeholder"
Beschreibung: Platzhaltertext wird in Listenfeldern angezeigt
10-23-7

FORMELFELDVALIDIERUNGEN

1. "oss.components.Notification.formValidationTitle"
Standardwert: "Fehler ({totalErrors})"
Beschreibung: Titel der Feldvalidierungswarnung. Wird in der Formularüberprüfungswarnung angezeigt.
2. "oss.components.Notification.nextError"
Beschreibung: Ermöglicht die Anzeige des nächsten Feldüberprüfungsfehlers. Dies wird in der Warnung zur Feldvalidierung angezeigt
3. "oss.components.Notification.gotoField"
Beschreibung: Ermöglicht das Navigieren zum Feld mit der fehlgeschlagenen Validierung. Wird in der Feldvalidierungswarnung angezeigt
4. "oss.components.Fields.Field.requiredFieldMissing"
Beschreibung: Fehler wird angezeigt, wenn ein erforderliches Feld fehlt. Wird in der Formularüberprüfungswarnung und im Feld tootlip angezeigt.

5.1 "oss.components.Fields.Field.radioGroup"
Standardwert: "{name} Funkgruppe"
5.2 "oss.components.Fields.Field.checkbox"
5.3 "oss.components.Fields.Field.listField"
5.4 "oss.components.Fields.Field.textField"
5.5 "oss.components.Fields.Field.textArea"
5.6 "oss.components.Fields.Field.dateField"
Beschreibung: Der Feldtyp wird angezeigt, wenn für das Feld kein Name angegeben ist. Er wird mit einer nummerierten Reihenfolge konzentriert (z Textbereich 1) Wird in der Formularüberprüfungswarnung und im Feld-Tooltip angezeigt. 10-23-8

6. "oss.components.Fields.Field.maxLength" / "oss.components.Fields.Field.minLength"
Standardwert: "Maximale Länge von {maxLength} Zeichen überschritten" oder "Minimale Länge von {minLength} Zeichen erforderlich"
Beschreibung: Fehler wird angezeigt, wenn die Eingabelänge die maximale Anzahl überschreitet oder die vom Absender angegebene Mindestanzahl von Zeichen nicht erreicht
10-23-9
7. "oss.components.Fields.Field.textField.pattern"
Beschreibung: Fehler wird angezeigt, wenn die Eingabe nicht mit dem vom Absender angegebenen Regex-Format übereinstimmt. Wird in der Formularüberprüfungswarnung und im Feld-Tooltip angezeigt.
23.10.10

Da ist es. Wir haben die Hälfte der konfigurierbaren Benutzeroberfläche überprüft. In unserer fortlaufenden New Signer Experience-Blogserie finden Sie weitere Informationen zur Anpassung der UI-Nachrichten, die im nächsten Blog behandelt werden.

Wenn Sie Fragen zu diesem Blog oder zu anderen Aspekten der Integration von OneSpan Sign in Ihrer Anwendung haben, besuchen Sie die Entwickler-Community-Foren . Ihr Feedback ist uns wichtig!