Imagen

El elemento Imagen permite incorporar gráficos, fotografías o iconos al sinóptico. Es fundamental para mostrar logotipos, diagramas de equipos, estados visuales complejos o simplemente para decorar la interfaz. Soporta los formatos de imagen web estándar.

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.

Imagen bolt (file)

Permite subir un archivo de imagen.

Estilo

Personalización visual del componente.

Relación de aspecto (string)

Define el comportamiento del redimensionado (Libre o Fija). Por defecto es Fija.

Oculto bolt (boolean)

Hace invisible el elemento.

Color de fondo bolt (color)

Color de fondo (visible si la imagen es transparente).

Color de borde bolt (color)

Color global del borde.

Radio de borde bolt (number)

Redondeo de las esquinas.

Ancho del borde bolt (number)

Grosor global del borde en píxeles.

Estilo de borde bolt (string)

Tipo de trazo global (Sólido, Punteado, Oculto, etc.).

Rotar bolt (number)

Ángulo de rotación en grados.

Transición (string)

Definición CSS de transición.

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).