Anpassung

Das Web SDK unterstützt zwei Anpassungsdimensionen: Sprache und visuelles Design.

Sprache

Konfigurieren Sie die Sprache der Informationsmeldungen in den Aufnahmerahmen über die Methode setLocale. Verwenden Sie das Enum LocaleTypes:

LocaleTypes.PT_BR — Portugiesisch (Brasilien)
LocaleTypes.ES_MX — Spanisch (Mexiko)
LocaleTypes.ES_ES — Spanisch (Spanien)
LocaleTypes.EN_US — Englisch (USA)

import {
  UnicoCheckBuilder,
  LocaleTypes
} from "unico-webframe"

unicoCameraBuilder.setLocale(LocaleTypes.EN_US);

Information

Für die Nutzung dieser Funktion kann eine Remote-Aktivierung erforderlich sein. Wenn Sie sie verwenden möchten, informieren Sie Ihren Projektmanager oder den Unico-Support.
Wenn keine Sprache konfiguriert ist, verwendet das SDK standardmäßig Portugiesisch.

Eine vollständige Liste der unterstützten LocaleTypes-Werte finden Sie unter API-Referenz > Enums.

Design

Passen Sie den Aufnahmerahmen mit dem UnicoThemeBuilder an. Erstellen Sie eine Instanz und rufen Sie die Methoden auf, die die einzelnen Eigenschaften des Aufnahmerahmens anpassen:

const unicoTheme = new UnicoThemeBuilder()
  .setColorSilhouetteSuccess("#0384fc")
  .setBackgroundColor("#dff1f5")
  .setColorText("#0384fc")
  .setBackgroundColorComponents("#0384fc")
  .setColorTextComponents("#dff1f5")
  .setBackgroundColorBoxMessage("#fff")
  .setColorTextBoxMessage("#fff")
  .setBackgroundColorButtons("#0384fc")
  .setColorTextButtons("#dff1f5")
  .setColorCancelButton("#0384fc")
  .setColorProgressBar("#0384fc")
  .setFontFamily("Arial, sans-serif") // v3.19.2+
  .setHtmlPopupLoading(`<div style="position: absolute; top: 45%; right: 50%; transform:
    translate(50%, -50%); z-index: 10; text-align: center;">Carregando...</div>`)
  .build();

Übergeben Sie nach der Erstellung des Design-Objekts dieses an setTheme:

unicoCameraBuilder.setTheme(unicoTheme);

setHtmlPopupLoading

Der Parameter setHtmlPopupLoading ist spezifisch für den Dokumentenaufnahmeablauf.

Anpassungsumfang

Über das hinaus, was UnicoThemeBuilder bereitstellt, sind keine weiteren Anpassungsdimensionen verfügbar. Wenn Sie eine vollständig eigene Benutzeroberfläche benötigen, lesen Sie die Option Capture Standard (Headless-API-Integration).