¿Cómo configurar la visualización de elementos en dashboards embebidos?

¿Cómo configurar la visualización de elementos en dashboards embebidos?

Descripción

A partir de la versión 2.2.0-hyperblast , es posible para los dashboards embebidos configurar en los estilos iniciales del Dashboard, si se muestran los botones de edición y las opciones de edición y filtrado del menú de los gadgets.

Uso

Para que los dashboards embebidos muestren o no los botones según la configuración que se precise, debes acceder a Dashboard Styles Management con un usuario administrador.

Selecciona el estilo inicial que quieres modificar, o crea uno nuevo.

Para definir los cambios, añade el siguiente fragmento de JSON dentro de las llaves principales del JSON de la imagen.

 

"editButtonsIframe": { "active": true, "trashButton": false, "closeButton": false, "configButton": true, "urlParameterButton": true, "dataLinkButton": true, "addElementButton": true, "moveToolBarButton": true, "editGadgetMenu": true, "filterGadgetMenu": true }

Las distintas opciones dentro del JSON se refieren a:

  • “active”: a true, se tiene en cuenta la configuración y se muestran los botones.

  • “trashButton”: a true, se muestra el botón eliminar.

  • “closeButton”: a true, se muestra el botón cerrar.

  • “configButton”: a true, se muestra el botón de configuraciones que despliega las opciones de estilos, …

  • “urlParameterButton”: a true, se muestra el botón de parametros por URL.

  • “dataLinkButton”: a true, se muestra el botón dataLink.

  •  “addElementButton”: a true, se muestra el botón add elements que permite añadir gadgets.

  • “moveToolBarButton”: a true, se muestra el botón para desplazar lateralmente los botones y permitir un mejor desarrollo del dashboard.

  • “editGadgetMenu”: a true, al desplegar las opciones del gadget se muestra el botón de editar del gadget.

  • “filterGadgetMenu”: a true, al desplegar las opciones del gadget se muestra el botón de editar los filtros del gadget.

A partir de la versión 3.2.1-legend, se han añadido dos nuevas opciones:

  • “removeGadgetMenu”: false, // a false, al editar desde las URLs terminadas en iFrame no se muestra el icono eliminar del gadget.

  • “stylingGadgetMenu”:false // a false, al editar desde las URLs terminadas en iFrame no se muestra el icono style del gadget.

Resultando algo así:

Tras añadir el JSON con la configuración deseada, guarda el estilo inicial del dashboard y, cuando se creen dashboards, tomarán la configuración definida. En este ejemplo, se añadió al estilo default al abrir el dashboard de manera embebida, que mostrase los botones como se indicase, en este caso sin mostrar los botones de cerrar ni eliminar.