Saltar al contenido principal

Personalización

El Web SDK admite dos dimensiones de personalización: idioma y tema visual.

Idioma

Configure el idioma de los mensajes informativos en los marcos de captura mediante el método setLocale. Utilice el enum LocaleTypes:

  • LocaleTypes.PT_BR — Portugués (Brasil)
  • LocaleTypes.ES_MX — Español (México)
  • LocaleTypes.ES_ES — Español (España)
  • LocaleTypes.EN_US — Inglés (EE. UU.)
import {
  UnicoCheckBuilder,
  LocaleTypes
} from "unico-webframe"

unicoCameraBuilder.setLocale(LocaleTypes.EN_US);
información
  • Es posible que se requiera una activación remota para usar esta función. Si desea utilizarla, notifique a su gestor de proyecto o al soporte de Unico.
  • Si no se configura, el SDK utiliza el portugués como idioma predeterminado.

Consulte Referencia de API > Enums para obtener la lista completa de valores admitidos en LocaleTypes.

Tema

Personalice el marco de captura usando UnicoThemeBuilder. Cree una instancia e invoque los métodos que personalizan cada propiedad del marco de captura:

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

Después de generar el objeto de tema, páselo a setTheme:

unicoCameraBuilder.setTheme(unicoTheme);
setHtmlPopupLoading

El parámetro setHtmlPopupLoading es específico del flujo de captura de documentos.

Alcance de la personalización

No hay otras dimensiones de personalización disponibles más allá de las que expone UnicoThemeBuilder. Si necesita una interfaz completamente propia, consulte la opción Capture Standard (integración con API headless).

Última actualización el