Botón
El elemento Botón es el elemento interactivo fundamental para desencadenar acciones en el sinóptico. Permite al usuario enviar comandos, cambiar de pantalla o ejecutar scripts personalizados al ser pulsado.
Las propiedades marcadas con bolt permiten dinamización a partir de una expresión con variables.
General
Configuración básica de identificación y posición.
Nombre (string)
Identificador único del elemento.
Descripción (string)
Texto descriptivo opcional.
X bolt (number)
Posición horizontal en píxeles.
Y bolt (number)
Posición vertical en píxeles.
Z bolt (number)
Índice de profundidad (z-index).
Ancho bolt (number)
Anchura del elemento en píxeles.
Alto bolt (number)
Altura del elemento en píxeles.
Texto bolt (string)
Etiqueta visible dentro del botón.
Estilo
Personalización visual del componente.
Deshabilitado bolt (boolean)
Desactiva la interacción del usuario.
Oculto bolt (boolean)
Hace invisible el elemento.
Animación de onda (boolean)
Efecto visual al hacer clic.
Color bolt (color)
Color del texto.
Color de fondo bolt (color)
Color de fondo del botón.
Color de borde bolt (color)
Define el color para los 4 bordes (Superior, Inferior, Izquierdo, Derecho).
Tamaño fuente bolt (number)
Tamaño del texto en píxeles.
Ancho del borde bolt (number)
Grosor del borde en píxeles.
Grueso de fuente (number)
Peso de la tipografía (400, 700, etc.).
Estilo de borde bolt (string)
Tipo de trazo (Sólido, Punteado, etc.).
Radio de borde bolt (number)
Redondeo de las esquinas.
Rotar bolt (number)
Ángulo de rotación en grados.
Punto de anclaje [Vert./Horiz.] (string)
Define qué borde del elemento actúa como referencia fija de posición. Es muy útil cuando cambias dinámicamente el tamaño del elemento (ej: una barra de progreso): si anclas verticalmente "Abajo", al aumentar la altura el elemento crecerá hacia arriba, manteniendo su base fija en el sinóptico.
Sombra (string)
Permite seleccionar un nivel de sombra predefinido (Ninguna, Pequeña, Media, Grande).
Avanzado
Configuración de comportamiento y eventos de interacción.
Valor al Pulsar (number)
Escribe un valor numérico en un Tag al presionar.
Valor al Soltar (number)
Escribe un valor numérico en un Tag al liberar.
Valor al Click (number)
Escribe un valor numérico en un Tag al completar el clic.
Script al Pulsar (JavaScript)
Ejecuta código JS al presionar.
Script al Soltar (JavaScript)
Ejecuta código JS al liberar.
Script al Click (JavaScript)
Ejecuta código JS al completar el clic.
Ir a Sinóptico (string)
Nombre del sinóptico al que se navegará al hacer clic.
Texto para idioma (Array)
Permite definir una etiqueta específica para cada idioma configurado en runtime. Si no existe traducción para el idioma actual, se mostrará el valor de la propiedad Texto (General).
Inicio de sesión (boolean)
Si es true, abre el diálogo de login al hacer clic.
Permisos
Control de acceso basado en roles de usuario.
Activar protección (boolean)
Habilita las restricciones de seguridad. Si está inactivo, cualquier usuario puede interactuar con el botón.
Grupos permitidos (Array)
Lista de grupos de usuarios autorizados (ej: "admin", "operador"). Si el usuario actual no pertenece a ninguno de estos grupos (o no hay usuario logueado), se bloqueará la acción y se mostrará una alerta de "Acceso Denegado".