Mejoras de Layout en el Dashboard, SectionPage y Filtros
- Fecha de publicaci贸n: 8 de abril de 2026
- Versi贸n requerida: WebClient 2.0.4
Objetivo de la mejora
Se realizaron mejoras visuales y estructurales en el Dashboard, SectionPage, Filtros Laterales y en el comportamiento del Filtro Booleano, buscando una mayor estandarizaci贸n visual, un mejor aprovechamiento del espacio y una experiencia de uso m谩s fluida y organizada.
Las modificaciones contemplan mejoras de layout, organizaci贸n de los filtros y adecuaciones visuales para hacer la navegaci贸n y utilizaci贸n de las pantallas m谩s intuitivas.
Cambios en el filtro Booleano
El filtro booleano pas贸 a presentar tres opciones de selecci贸n:
- No;
- S铆;
- No aplica.
Observaci贸n:
Este comportamiento se encuentra en:
- Dashboards que utilizan filtros laterales;
- Programas que utilizan filtros en ventana.
Cambios en los filtros laterales
Los filtros laterales recibieron diversas mejoras de usabilidad y layout.
Modificaciones realizadas:
- El bot贸n de apertura de los filtros fue ajustado para seguir el est谩ndar visual del sistema;
- La ventana lateral de filtros ahora ocupa mejor el espacio disponible de la pantalla;
- Los filtros pasaron a estar agrupados dentro de elementos expandibles;
- Cuando existan m谩s de dos filtros, todos deben iniciar cerrados;
- El usuario puede expandir 煤nicamente los filtros deseados;
- En caso de que el 铆cono no venga definido, se utiliza un 铆cono est谩ndar seg煤n el tipo de filtro;
- El bot贸n Aplicar recibi贸 un nuevo layout, siguiendo el est谩ndar visual del sistema.
Cambios en el Dashboard
Se aplicaron mejoras en el espaciado y en la alineaci贸n de los elementos internos.
Modificaciones realizadas:
- Reducci贸n del espaciado entre los paneles;
- Mejor aprovechamiento del espacio disponible en pantalla;
- Ajuste de alineaci贸n de los contenidos internos de los paneles;
- Los componentes hijos, como listas y grids, ahora se ajustan dentro de los paneles;
Cambios en la SectionPage
Las mejoras tambi茅n fueron aplicadas en las p谩ginas del tipo SectionPage, como:
- Dashboard Auditor铆a de Presencia;
- Dashboard Auditor铆a de Etiqueta.
Modificaciones realizadas:
- Mejora visual en las tarjetas KPI;
- Eliminaci贸n de las sombras que creaban efecto de relieve;
- Layout m谩s clean y moderno;
- Reducci贸n del redondeo de los bordes de las secciones;
- Reducci贸n del espaciado entre las secciones;
Impacto para el usuario
Qu茅 cambia en la pr谩ctica:
Los usuarios percibir谩n una interfaz m谩s limpia, organizada y visualmente consistente.
Beneficios:
- Mejor aprovechamiento del espacio en pantalla;
- Interfaz m谩s moderna;
- Navegaci贸n m谩s intuitiva;
- Filtros m谩s organizados;
- Mejor experiencia de uso;
- Estandarizaci贸n visual entre m贸dulos;
- Mejor lectura y organizaci贸n de los dashboards;