Configuración

Configure el módulo de la interfaz de usuario contexthub.base mediante un objeto JavaScript en formato JSON. Incluya cualquiera de las siguientes propiedades para configurar las funciones del módulo de interfaz de usuario:

  • imagen: Una dirección URL a una imagen para mostrarla como icono.

  • icono: El nombre de una clase Coral UI icon. Si especifica un valor para las propiedades icon e image, se utiliza la imagen.

  • título: Un título para el módulo de interfaz de usuario. El título aparece cuando el puntero se detiene sobre el icono del módulo de interfaz de usuario.

  • pantalla completa: Valor booleano que indica si el módulo de interfaz de usuario admite el modo de pantalla completa. Use true para admitir la pantalla completa y false para evitar el modo de pantalla completa.

  • plantilla: Una plantilla de Handlebars que especifica el contenido que se procesará en la barra de herramientas de ContextHub. Use como máximo dos etiquetas <p>.

  • storeMapping: una asignación de clave/almacén. Utilice la clave de las plantillas de Handlebar para acceder a los datos de tienda de ContextHub asociados.

  • lista: Una matriz de elementos que se mostrarán como una lista en una ventana emergente cuando se haga clic en el módulo de la interfaz de usuario. Si incluye este elemento, no incluya popTemplate. El valor es una matriz de objetos con las siguientes claves:

    • Título: el texto que se mostrará para este elemento
    • image: (opcional) dirección URL de una imagen que se debe mostrar a la izquierda
    • icon: (opcional) una clase de icono de CUI que se debe mostrar a la izquierda; se ignora si se especifica una imagen
    • selected: (Opcional) un valor booleano que especifica si este elemento se debe mostrar como seleccionado (true=selected). De forma predeterminada, los elementos seleccionados aparecen en negrita. Usar una propiedad listType para configurar otras apariencias (ver a continuación).
  • listType: estilo que se va a usar para los elementos de la lista emergente. Utilice uno de los siguientes valores:

    • marca de verificación
    • casilla de verificación
    • radio
  • popoverTemplate: Una plantilla Handlebars que especifica el contenido que se procesará en la ventana emergente cuando se haga clic en el módulo UI. Si incluye este elemento, no incluya el elemento list.