Feedback

# Configuración del Dashboard
View video

## Visión general

La aplicación de Dashboard, está orientada a la creación de componentes donde se puedan visualizar varias aplicaciones al mismo tiempo.

Con la aplicación de escritorio, es posible crear, por ejemplo, una pantalla para la visualización de varios gráficos, y también, con la adición del Widget de índice crear comparaciones, mostrar suma de valores, entre otras funcionalidades.

En la pantalla de inicio, también puede configurar dónde se mostrarán los widgets, que se pueden arrastrar y montar de acuerdo con la necesidad del usuario.

En la página de inicio se pueden ver los Widgets y algunas opciones.

#### Añadir Widget de enlace

Esta es la opción para la creación de un widget de enlace

#### Añadir Widget de Índice

Esta es la opción para la creación de un widget de índice

#### Añadir Widget de divisor

Esta es la opción para la creación de un widget de divisor

Y dentro de ellos hay las opciones de:

#### Lápiz

Servidor para editar la configuración de Widget.

#### Bote de basura

Servidor para eliminar un widget

Además de que cuando el ratón está sobre el widget, podemos ver un botón para cambiar el tamaño del mismo.

## Añadir Widget de enlace

Esta opción permite agregar a un widget cualquier aplicación que exista en el proyecto.

## Enlace

Para crear el enlace entra el Widget y la aplicación, sólo tiene que hacer clic en el campo Enlace, entonces se mostrará una lista con todas las aplicaciones existentes en el proyecto.

## Barra de herramientas

En la configuración de la barra de herramientas, puede configurar los botones que aparezcan en la barra de herramientas de la aplicación que está configurada en la llamada.

Las opciones en la barra de herramientas se mostrarán de acuerdo con la aplicación que está conectada, es decir, de acuerdo con la barra de herramientas de cada aplicación.

## Agregar Widget de índice

Esta opción permite agregar a un Widget de índice basado en una tabla de base de datos.

## Índice

Para que se pueda crear un widget de índice es necesario realizar algunas configuraciones.

#### Modo de visualización

El modo de visualización define cómo se mostrará la información del índice. Las opciones disponibles incluyen: Función de resumen y Card Sensillo

Nota: Al seleccionar el modo de visualización “Función de resumen”, la opción Icono de tendencia estará disponible.

#### Título

Esta opción permite definir un título para el widget para visualizar mejor lo que se desea mostrar.

#### Subtítulos

Permite agregar un subtítulo a la información que se muestra en los widgets para visualizar mejor lo que se desea mostrar.

#### Conexión

Esta opción permite elegir la conexión que se utilizará en el widget de índice; cada widget se puede configurar con diferentes conexiones.

#### Método de recuperación de datos

Determina el método utilizado para recuperar información de la base de datos.

Las opciones son:

- Tabla: permite seleccionar una tabla directamente para leer los datos.

- Comando SQL: permite recuperar datos personalizados mediante el comando Seleccionar. Si se selecciona la opción de comando de selección, se ocultarán los campos Nombre de tabla, Campo de período, Campo de métrica y Función de métrica, y se mostrará un campo para crear el comando de selección.

#### Icono de tendencia

Al habilitar esta opción, se añade un icono de tendencia visual (por ejemplo, una flecha arriba/abajo) junto al valor del índice, que representa crecimiento, disminución o estabilidad en comparación con un valor anterior.

Se puede seleccionar la casilla “Ocultar icono de tendencia” si no se desea mostrar este indicador en el widget.

#### Nombre de tabla

Esta opción permite seleccionar la tabla que se utilizará en el widget de índice.

#### Campo de período

Esta opción permite seleccionar un campo de la tabla para comparar los datos seleccionados en la opción anterior.

#### Campo de métrica

Esta opción permite seleccionar un campo de tabla para crear una métrica, similar a la aplicación chart. Sin embargo, se pueden realizar comparaciones basadas en el período definido en la siguiente opción.

#### Función de Métrica

Define la función métrica. Las funciones disponibles son: Suma, Prom, Max, Min., Recuento y Recuento Dist..

#### Mostrar como

Esta opción permite elegir cómo se mostrará el valor. Puede elegir entre: Diferencia porcentual, Diferencia y Valor.

#### Función del Período

Esta opción permite configurar el índice definiendo una función para un período específico. Estas funciones se definen por un período de tiempo, como: Fecha completa, Año, Mes, Día, Semestre, etc.

#### Mostrar valores de

Esta opción permite mostrar valores para:

- Ambos períodos
- Período actual
- Último período
- Ninguno

## Diseño

#### Alineación

Permite configurar la alineación horizontal del contenido dentro del widget. Las opciones suelen incluir:

- Izquierda: alinea el contenido al margen izquierdo.

- Centro: centra el contenido horizontalmente.

- Derecha: alinea el contenido al margen derecho.

#### Alineación vertical

Controla la posición vertical de la información dentro del widget. Se puede configurar como:

- Arriba: coloca el contenido en la parte superior del widget.

- Centro: coloca el contenido verticalmente en el centro.

- Inferior: coloca el contenido en la parte inferior.

#### Tipo de ícono

Permite elegir el tipo de íconos que se usarán en el widget. Las opciones incluyen:

- Icono: Con esta opción seleccionada, se mostrará el campo de ícono para que pueda elegir uno directamente desde el administrador de imágenes.

- FontAwesome: Con esta opción activada, verá una serie de campos disponibles para configurar el ícono de FontAwesome.

#### Posición del ícono del título

Define dónde se mostrará el ícono del título en relación con el texto. Las opciones disponibles incluyen:

- Arriba
- Izquierda del título
- Derecha del título
- Izquierda
- Derecha

## Gráfica

![Widget gráfico][graphic_widget]

#### Tipo de gráfica

Esta opción permite mostrar el gráfico en índices. Puede elegir entre tres tipos de gráfico: Línea, Área y Columna.

Si no desea mostrar el gráfico, simplemente seleccione “Ninguno”.

A continuación, se muestra un ejemplo de un gráfico de líneas añadido al widget:

#### Ancho del gráfico

Permite establecer un porcentaje para el ancho del gráfico.

#### Altura del gráfico

Permite establecer un valor para la altura del gráfico.

#### Color

Permite elegir el color del gráfico.

## Formato

En esta opción es posible configurar los formatos de la métrica y el período que se mostrarán en la ejecución del filtro.

### Formateo de la métrica

#### Formato de la métrica como

Permite definir el tipo de datos que se muestra la métrica, hay tres opciones:

Entero: La métrica del índice se mostrará como un valor del tipo Entero.
Decimal: La métrica del índice se mostrará como un valor del tipo Decimal.
Moneda: La métrica del índice se mostrará como un valor del tipo Moneda.

#### Configuración regional

Permite definir si la métrica seguirá las configuraciones que se han definido en las configurações regionais.

#### Precisión decimal

Permite definir que precisión decimal tendrá en el índice de la métrica, sin embargo eso sólo estará disponible cuando el formato de la métrica sea Decimal o Moneda.

#### Completa con ceros

Permite definir si el valor se completará con ceros cuando se establece en Decimal o Moneda.

#### Formatear el valor en escalas

Permite definir si el número en el índice aparecerá en una escala o el número completo. Si se elige Si el número en lugar de aparecer 10.000 aparecerá con el valor de 10 k.

### Formateo del período

Las opciones se muestran de acuerdo con la configuración realizada en Función de Periodo que se configura en Indice, por lo que la configuración puede variar entre:

#### Configuración regional

Permite definir si el período seguirá las configuraciones que se han definido en las configurações regionais.

#### Mostrar el nombre del mes

Permite definir se será mostrado o nome do mês.

#### Prefijo para semestre, cuadrimestre, trimestre, bimestre, semana.

Permite informar una lang o un título que el desarrollador desee que aparezca.

#### Mostrar el nombre del día

Permite definir si será mostrado oel nombre del día.

## Filtro

Permite realizar la configuración del filtro que se mostrará en el momento de ejecución del Widget de índice.

### Filtro de la métrica

#### Condiciones de Filtro

En esta opción podemos definir la condición del filtro para que se muestre la información referente a esa métrica, no siendo posible alterar en tiempo de ejecución.

### Filtro para el período

#### Intervalo de fechas

En esta opción podemos definir la condición del filtro para que se muestre la información referente a ese período, no siendo posible alterar en tiempo de ejecución.

#### Periodo relativo

Debemos definir qué períodos están disponibles para su uso en el filtro.

Otra opción referente sólo al período relativo, es la posibilidad de crear condiciones con períodos relativos personalizados directamente dentro de la interfaz del filtro.

Los valores disponibles están separados por pestañas:

Año: Define el año utilizado en el filtro.
Trimestre: Define el trimestre utilizado en el filtro..
Mes: Define el uso de los meses del año.
Semana: Define el uso de las semanas del año.
Día: Define el uso de los días del mes.

#### Utilizar filtro de campos de tabla

Permite crear filtros desde los campos de la tabla.

## Fuentes y colores

En estas opciones se puede configurar el diseño del índice que se mostrará en el widget.

#### Font del índice

Permite definir un color de fondo para el índice del Widget

#### color del borde

Permite definir un color para el borde del índice del Widget

#### Fuente del titulo

Permite configurar la fuente que se muestra en el título del índice, en esta opción hay otras cuatro opciones:

Familia/tipo de fuente
Tamaño de la fuente
Color de la fuente
Estilo de la fuente

#### Fuente del subtitulo

Permite configurar la fuente que se muestra en el subtítulo del índice, en esta opción hay otras cuatro opciones:

Familia/tipo de fuente
Tamaño de la fuente
Color de la fuente
Estilo de la fuente

#### Fuente do índice positivo

Permite configurar a fonte que será exibida no índice quando positivo, nessa opção há mais quatro opções:

Familia/tipo de fuente
Tamaño de la fuente
Color de la fuente
Estilo de la fuente

#### Fuente indice positivo

Permite configurar la fuente que se muestra en el índice cuando es negativo, en esta opción hay otras cuatro opciones:

Familia/tipo de fuente
Tamaño de la fuente
Color de la fuente
Estilo de la fuente

#### Fuente índice neutro

Permite configurar a fonte que será exibida no índice quando neutro, nessa opção há mais quatro opções:

Familia/tipo de fuente
Tamaño de la fuente
Color de la fuente
Estilo de la fuente

#### Fuente dimension

Permite configurar la fuente de la dimensión, en esta opción hay otras cuatro opciones:

Familia/tipo de fuente
Tamaño de la fuente
Color de la fuente
Estilo de la fuente

#### Fuente métrica positiva

Permite configurar la fuente que se mostrará en la métrica cuando es positiva, en esta opción hay otras cuatro opciones:

Familia/tipo de fuente
Tamaño de la fuente
Color de la fuente
Estilo de la fuente

#### Fuente métrica negativa

Permite configurar la fuente que se muestra en la métrica cuando es negativa, en esta opción hay otras cuatro opciones:

Familia/tipo de fuente
Tamaño de la fuente
Color de la fuente
Estilo de la fuente

#### Fuente métrica neutra

Permite configurar la fuente que se mostrará en la métrica cuando es neutra, en esta opción hay otras cuatro opciones:

Familia/tipo de fuente
Tamaño de la fuente
Color de la fuente
Estilo de la fuente

## Propiedades

Le permite configurar algunas características que estarán disponibles en el momento de la ejecución, son:

#### Modo Compacto

Elimina el encabezado y pie de página de las aplicaciones agregadas dentro del Widget de

Ejemplo con modo compacto habilitad

Ejemplo con modo compacto deshabilitado

#### Mostrar encabezado del widget

Le permite habilitar o deshabilitar el encabezado del widget en ejecución. Se mostrarán el título y las opciones Eliminar, Mover, Maximizar y Expandir__, según la configuración individual de las opciones.

> Las opciones Eliminar, Mover, Maximizar y Expandir solo están disponibles si se muestra el encabezado.

#### Eliminar

Activa o desactiva el botón para eliminar el widget en tiempo de ejecución.

El widget se mostrará de nuevo al volver a cargar la página.

#### Mover

Habilita o deshabilita la opción que permite mover widgets en tiempo de ejecución.

#### Maximizar

Activa o desactiva la opción para maximizar el widget.

#### Expandir

Habilita o deshabilita el botón para expandir el widget.

#### Tiempo de recarga

Le permite definir un tiempo en segundos para que el Widget se recargue, recargando así la información.

#### Eliminar margen de la aplicación

Esta opción elimina los márgenes de la aplicación dentro del widget.

Ejemplo de la aplicación con la opción eliminar margen habilitada

Ejemplo de la aplicación con la opción eliminar margen deshabilitada

#### liminar borde

Esta opción elimina el bordes de las aplicaciones utilizadas dentro del widget ¡

Ejemplo de la aplicación con la opción eliminar borde activada

Ejemplo de la aplicación con la opción eliminar borde desactivada

## Widget de Divisor

El widget divisor sirve como separador entre widgets. Esto crea una separación entre ellos, mejorando la visualización.

Ejemplo de uso del widget divisor para separar widgets:

### Divisor

#### Color de fondo

Establece el color de fondo del área divisoria. Este color se aplica detrás del título y el subtítulo, lo que ayuda a resaltar visualmente la sección en el panel.

Se puede usar, por ejemplo, para crear franjas de colores que separen las áreas temáticas del panel.

#### Título

Campo utilizado para definir el título principal del divisor.

#### Fuente del título

Permite seleccionar el estilo tipográfico aplicado al título. Puede ajustar el tipo de fuente, el tamaño, el grosor (negrita) y otras características según las opciones disponibles en el proyecto.

Las opciones disponibles son:

Familia/Tipo de fuente Tamaño de fuente Color de fuente Estilo de fuente

#### Subtítular

Campo para texto adicional que aparece justo debajo del título. El subtítulo puede contener descripciones adicionales, notas o información contextual sobre el contenido de la sección.

Ejemplo: Datos del último trimestre o Actualizado diariamente a las 8:00 a. m.

#### Fuente del subtítulo

Establece el estilo tipográfico del subtítulo, lo que permite ajustar la apariencia del texto al diseño deseado.

Las opciones disponibles son:

Familia/Tipo de fuente Tamaño de fuente Color de fuente Estilo de fuente

#### Línea horizontal

Al seleccionar esta opción, el sistema inserta una línea horizontal justo debajo del título.

#####