i

Please enable JavaScript to view this site.

Documentación 9.3

Los espaciados definen las distancias utilizadas para separar elementos o generar espacios de relleno dentro de la interfaz de usuario.

Su uso mediante una escala de variables reutilizables permite mantener una distribución visual uniforme en toda la aplicación, garantizando la consistencia del diseño y facilitando su actualización desde un único punto de configuración.

 

Las variables de espaciado son utilizadas por el sistema de diseño para definir el espacio de relleno, la separación de ítems, el espaciado de etiquetas, menús y otras propiedades de los distintos componentes. En lugar de utilizar un valor en píxeles, estas propiedades utilizan una variable de la escala de espaciado. Las mismas variables se emplean posteriormente en entidades y páginas, garantizando la consistencia visual de la aplicación.

 

La configuración de los espaciados se encuentra en la sección Variables de estilo del panel izquierdo.

 

Al hacer clic sobre IconoEspaciado Espaciado, se despliega un contenedor que muestra las variables que componen la escala de espaciado junto con el valor en píxeles asignado a cada una.

 

 

APN_SDCompEsp01

 

 

Al posicionar el cursor sobre IconoEspaciado Espaciado se muestra el ícono IconoConfi, desde el cual es posible modificar el valor base de espaciado.

 

 

APN_SDCompEsp02

 

 

Al modificar este valor, el sistema recalcula automáticamente los valores en píxeles de todas las variables de la escala, manteniendo la proporción definida entre ellas. De esta manera, es posible ajustar el espaciado de toda la interfaz de forma consistente, sin necesidad de modificar cada variable de manera individual.

Envianos tu comentario
Compartir en X Compartir en Linkedin Enviar por Email Imprimir