Personnalisation

Le Web SDK prend en charge deux dimensions de personnalisation : la langue et le thème visuel.

Langue

Configurez la langue des messages d'information dans les cadres de capture via la méthode setLocale. Utilisez l'énumération LocaleTypes :

LocaleTypes.PT_BR — Portugais (Brésil)
LocaleTypes.ES_MX — Espagnol (Mexique)
LocaleTypes.ES_ES — Espagnol (Espagne)
LocaleTypes.EN_US — Anglais (États-Unis)

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

unicoCameraBuilder.setLocale(LocaleTypes.EN_US);

info

Une activation à distance peut être nécessaire pour utiliser cette fonctionnalité. Si vous souhaitez l'utiliser, informez votre chef de projet ou le support Unico.
Si elle n'est pas configurée, le SDK utilise le portugais comme langue par défaut.

Consultez Référence API > Énumérations pour la liste complète des valeurs LocaleTypes prises en charge.

Thème

Personnalisez le cadre de capture avec UnicoThemeBuilder. Créez une instance et invoquez les méthodes qui personnalisent chaque propriété du cadre de capture :

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();

Après avoir généré l'objet thème, passez-le à setTheme :

unicoCameraBuilder.setTheme(unicoTheme);

setHtmlPopupLoading

Le paramètre setHtmlPopupLoading est spécifique au flux de capture de documents.

Périmètre de personnalisation

Aucune autre dimension de personnalisation n'est disponible au-delà de ce qu'expose UnicoThemeBuilder. Si vous avez besoin d'une interface utilisateur entièrement propriétaire, consultez l'option Capture Standard (intégration API headless).