Personalización Web

En esta sección, encontrará toda la información necesaria para la personalización del SDK de la plataforma Unico IDCloud en sus aplicaciones Web.

---

El SDK Web permite realizar algunas personalizaciones. A continuación, vea todas las personalizaciones posibles para este SDK.

Personalizar idioma

---

Es posible configurar la experiencia de los mensajes informativos de los frames de captura cambiando su idioma. Utilice el enumerado LocaleTypes, que contiene los siguientes valores:

• LocaleTypes.PT_BR: para Portugués (Brasil);

• LocaleTypes.ES_MX: para Español (México);

• LocaleTypes.ES_ES: para Español (España);

• LocaleTypes.EN_US: para Inglés (EUA).

Vea cómo implementarlo en el siguiente ejemplo:

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

unicoCameraBuilder.setLocale(LocaleTypes.EN_US);

• Puede ser necesaria una activación remota para utilizarlo, en caso de desear usarlo, comuníquese con su gerente de proyectos o con el soporte de Unico.

• Si no se configura, por defecto el SDK utiliza el Portugués como idioma principal.

Personalizar la experiencia del proceso de captura

---

Este es un paso opcional, pero muy recomendado para que el proceso de captura tenga la identidad visual de su empresa.

Para realizar la personalización del marco de captura mediante el Theme Builder, basta con generar una instancia de la clase UnicoThemeBuilder e invocar los métodos que personalizan cada una de las propiedades del marco de captura, como se ejemplifica a continuación:

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

Después de generar el objeto de tema, como se ejemplifica arriba, debe ser pasado como parámetro al método setTheme del builder unicoCameraBuilder.

unicoCameraBuilder.setTheme(unicoTheme);

---

¿Dudas?

¿No encontraste algo o aún necesitas ayuda? Si ya eres cliente o socio, puedes ponerte en contacto a través del Centro de Ayuda.