Portada

Contextual

Descripción

El atributo contextual dentro de la configuración de un field permite asociar información adicional relacionada con ese campo. Este parámetro se puede utilizar, por ejemplo, para mostrar un tooltip al pasar el ratón por encima, o bien para abrir un modal con información contextual más detallada. Este modal se renderiza por encima del resto de la interfaz y requiere que el usuario lo cierre para poder continuar interactuando con la aplicación.



Código de ejemplo

{ "fields": 
    FieldName:{
    ...
        "contextual": {
            "title": "Modal title",
            "icon": "fa-flag",
            "url": "/ajax/cfa.html?api=/erp/dev-docs?tag=process:%2Fcloud-platform",
            "tooltip": "Click para más info",
            "contextual_icon": "fa-flag"
        },
    ...  
}


Parámetros

Campo

Descripción
Ejemplos
tooltip
String
Texto que se mostrará al pasar el usuario el ratón por encima del icono de información contextual
​{"tooltip":"Click para más info"}​
contextual_icon
String
Icono que se muestra en la parte derecha del label del campo y que indica al usuario que hay información contextual disponible asociada a ese campo. Se debe indicar el identificador del icono (ej. "fa-user") y podemos elegir entre los disponibles en la librería de CloudFramework: 
https://www.gotbootstrap.com/themes/smartadmin/4.5.1/icons_fontawesome_light.html​
Si no se especifica este parámetro, se pondrá un icono por defecto
{"contextual_icon": "fa-flag"}
title
String
Título de la modal contextual
{"title": "Modal title"}
icon
String
Icono que se mostrará en la cabecera de la modal contextual. Se debe indicar el identificador del icono (ej. "fa-user") y podemos elegir entre los disponibles en la librería de CloudFramework: 
https://www.gotbootstrap.com/themes/smartadmin/4.5.1/icons_fontawesome_light.html​
{"icon": "fa-flag"}
content
String
Contenido en formato HTML que se mostrará dentro de la modal contextual. Este parámetro no se puede utilizar junto con el parámetro url, ya que son excluyentes: debe usarse uno u otro en función de la necesidad.
{"content": "<h2>Hola</h2><p>Este es el contenido de la modal</p>"}
url
String
Url de la página que queremos cargar dentro de la modal contextual. Este parámetro no se puede utilizar junto con el parámetro content, ya que son excluyentes: debe usarse uno u otro en función de la necesidad.​

* Las páginas cfo no están permitidas en este tipo de modal
{"url": "/ajax/cfa.html?api=/erp/dev-docs?tag=process:%2Fcloud-platform"}
Cesta de compras