Objetivo
Se pretende mejorar la experiencia de usuario a la hora de crear o editar gadgets custom que son los generados a partir de plantillas.
Para lo cual se ha añadido un panel desplegable derecho en la pantalla de edición de los dashboards.
Mostrara el formulario con la configuración del gadget, por ejemplo si el gadget fuera un mapa se podría encontrar parámetros como latitud, longitud, el datasource que se pretenda utilizar …
Con este panel se podrá de forma interactiva ir modificando los parámetros y se vera el gadget con estos cambios tras pulsar el botón OK
Además también se ha remaquetado el formulario en las pantallas de creación/edición de gadgets custom desde el listado de gadgets del control panel. En esta captura podemos ver como se muestran los distintos campos anidados
¿Cómo activar el panel lateral derecho en los dashboards?
Tanto si se parte de crear un dashboard nuevo como de editar uno existente.
Al acceder en modo edición desde el control panel, tendremos una vista similar a esta, donde aparece una botonera azul en la zona superior derecha de la pantalla.
Creación de un gadget custom nuevo o inline
Presionar botón para añadir nuevos gadgets
Este desplegará el panel lateral izquierdo con el árbol de gadgets predefinidos, custom y tipo code
Accediendo a los elementos anidados del tipo ScatterMap y al arrastrar las cajas para estas plantillas que contienen la etiqueta + New sobre algún hueco del dashboard, automaticamente se abre el panel derecho mostrando un menú con la configuración de la plantilla.
Si no es del tipo inline además tendremos que rellenar el campo identification y description, porque estaremos creando en un sólo gesto un gadget que se podrá utilizar en otros dashboards, y que aparecerá en el arbol en la sección de gadgets customs.
Edición de un gadget Custom
También se activa al pulsar sobre el icono de tres puntos de la esquina superior derecha de un gadget custom incluido en el dashboard y seleccionando la opción Edit
Elementos del panel
El panel lateral derecho esta compuesto por varios elementos:
Título descriptivo del gadget seleccionado
Botón OK que hará efectivos los cambios en el formulario
Botón X que permite cerrar el panel
Formulario dividido por secciones y subsecciones, estas se definen cuando se crea la plantilla.