¶ Elemento de indicador barra en el Módulo de Paneles
El módulo de paneles ofrece un elemento tipo indicador barra que permite al usuario incorporar cajas con un indicador barra dentro de un panel, ideal para mostrar valores de forma visual y sencilla, facilitando la comparación rápida de datos dentro de un rango establecido.
Este elemento es completamente personalizable, permitiendo al usuario ajustar el formato del indicador de barra según una variedad de condiciones o parámetros, adaptándolo a sus necesidades y preferencias específicas.
¶ ¿Cómo añadir un elemento tipo indicador barra?
Al ingresar al modo de edición de un panel, el usuario puede encontrar el elemento tipo indicador barra en la sección de Elementos del panel de edición.
Para añadir el elemento indicador barra, el usuario solo necesita hacer clic y arrastrarlo hasta la posición deseada dentro del panel. Durante el arrastre, el sistema muestra un rectángulo con bordes punteados que guía al usuario, indicando dónde se colocará el indicador barra.
¶ Personalizar el elemento tipo indicador barra
Todos los elementos del módulo de paneles son personalizables mediante una ventana que aparece automáticamente después de soltar un elemento en el panel.
En el caso del elemento indicador barra, se despliega una ventana emergente que ofrece múltiples opciones para personalizar los campos y dar formato al contenido que se desea mostrar.
En la pestaña Ajustes del elemento de indicador barra, se encuentran los siguientes campos de configuración:
- Título: Permite definir el título del contenido a mostrar. La caja de texto que se renderizará en el panel incluirá un título que se ubicará justo encima del indicador barra.
- Variable: Selecciona la variable del sistema que proporcionará los valores al indicador, determinando qué datos se mostrarán.
- Valor minimo: El usuario puede elegir si tomar el valor mínimo de la variable o introducir un valor personalizado. Si se elige la opción personalizada, se habilitará un cuadro de texto para ingresar el valor deseado.
- Valor maximo: Similar al valor mínimo, el usuario puede optar por tomar el valor máximo de la variable o establecer un valor personalizado. Si se selecciona la opción personalizada, se habilitará un cuadro de texto para introducir el valor correspondiente.
En la pestaña Visualización del elemento de indicador barra, se encuentran los siguientes campos de configuración:
- Formato: Permite al usuario seleccionar el tipo de formato para el indicador barra. Las opciones incluyen formato numérico, digital, fecha/hora o contador de tiempo. Además, se puede definir el número de decimales a mostrar y si se desea o no mostrar las unidades asociadas a la variable.
- Tamaño de la fuente: El usuario puede optar por dejar que el sistema elija automáticamente el tamaño de la fuente o seleccionar manualmente entre múltiples opciones para ajustar el tamaño del texto en el indicador.
- Multiplicador: Permite aplicar un multiplicador al valor de la variable para ajustar la escala de los datos que se mostrarán en el indicador.
- Ticks: Define los marcadores o divisiones en la barra, lo que permite visualizar de manera más detallada las diferentes escalas o puntos de referencia dentro del rango del indicador.
- Valor de origen: Establece el valor base a partir del cual se medirá el progreso o el estado en el indicador de barra, permitiendo al usuario definir el punto de partida del indicador.
En la pestaña Rango del elemento de indicador barra, el usuario tiene la capacidad de añadir y personalizar diferentes rangos y sus parámetros. Para ello, debe Añadir un Rango y esto se hace pulsando el botón . Al añadir un rango, se despliega un menú de propiedades donde se pueden configurar los siguientes parámetros:
- Valor: Definir el valor numérico que delimita el rango.
- Color: Seleccionar un color que representará visualmente el rango en el indicador.
- Mostrar Valor: Elegir si se desea o no mostrar el valor numérico en el indicador.
Una vez creados los diferentes rangos, el usuario tiene la opción de modificarlos o eliminarlos directamente desde esta pestaña, permitiendo una personalización continua y adaptada a las necesidades del panel.
En la pestaña Alarmas del elemento de indicador barra, el usuario puede configurar las alarmas y avisos asociados al indicador. Los campos de configuración disponibles son:
- Alarma baja: Permite establecer un valor mínimo crítico que, si se alcanza o se sobrepasa, activará una alarma. Este valor representa un umbral por debajo del cual se considera que el sistema está en un estado de alarma.
- Aviso bajo: Define un valor bajo que, al ser alcanzado, genera un aviso. Este es un nivel de advertencia que alerta al usuario antes de que se alcance el umbral de alarma baja.
- Aviso alto: Configura un valor alto que, si se supera, desencadena un aviso. Es un indicador de que el sistema se está acercando a un umbral de riesgo, pero aún no ha alcanzado el nivel crítico.
- Alarma alta: Permite establecer un valor máximo crítico que, al ser superado, activa una alarma. Este umbral indica que el sistema ha alcanzado un estado de alarma debido a valores excesivamente altos.
- Mostrar iconos de alarmas: Opción que permite al usuario decidir si desea o no mostrar iconos visuales en el indicador barra cuando se activa una alarma o aviso. Esto facilita la identificación rápida de estados críticos directamente en el panel.
En la pestaña Parámetros generales, el usuario puede encontrar una serie de opciones para ajustar los estilos del elemento, que incluyen desde los colores hasta las opciones de sombreado.
Para obtener más información sobre la opción Parámetros generales, haz clic en el siguiente enlace:
En la pestaña Visibilidad, el usuario encuentra opciones para ajustar la visibilidad del elemento en función del valor de una variable y una condición específica.
Esta funcionalidad es muy útil para reemplazar un elemento por otro en pantalla o para ocultar el elemento indicador barra cuando se cumple una condición determinada.
Para obtener más información sobre la opción Visibilidad, haz clic en el siguiente enlace:
El widget cuenta con un sistema de selección de idioma, el usuario encuentra opciones para ajustar el idioma del elemento en función de la necesidad de trabajar en un idioma u otro.
Esta funcionalidad es muy útil para adaptarse a entornos multilingües, facilitando el acceso a los datos y la interacción con el sistema en el idioma que mas convenga al usuario.
Para obtener más información sobre el selector de Idioma, haz clic en el siguiente enlace:
¶ Previsualización en tiempo real
Durante la creación o edición del elemento de indicador barra, el usuario puede visualizar una previsualización de cómo se renderizará el elemento en pantalla.
A medida que el usuario ajusta el formato durante la edición, tiene a su disposición una sección de Vista Previa que muestra los cambios en tiempo real.
Esta vista previa proporciona una representación precisa de cómo se verá el elemento cuando el panel esté en Modo runtime .