Saltar al contenido principal

Cuadro combinado

El elemento Cuadro combinado es un componente de selección que permite al usuario elegir una única opción predefinida de una lista desplegable. Es útil para seleccionar recetas, modos de operación, usuarios o cualquier enumeración finita.

Las propiedades de este elemento no permiten dinamización.

General​

Configuración básica de identificación y posición.

Nombre (string)​

Identificador único del elemento.

Descripción (string)​

Texto descriptivo opcional.

X (number)​

Posición horizontal en píxeles.

Y (number)​

Posición vertical en píxeles.

Z (number)​

Índice de profundidad (z-index).

Ancho (number)​

Anchura del elemento en píxeles.

Alto (number)​

Altura del elemento en píxeles.

Estilo​

Personalización visual del componente.

Deshabilitado (boolean)​

Desactiva la interacción del usuario.

Oculto (boolean)​

Hace invisible el elemento.

Color (color)​

Color del texto.

Color de fondo (color)​

Color de fondo del control.

Color de borde (color)​

Color global del borde.

Color de borde [Superior/Inferior/Izquierdo/Derecho] (color)​

Color específico para cada lado.

Radio de borde (number)​

Redondeo de las esquinas.

Tamaño fuente (number)​

Tamaño del texto en píxeles.

Grueso de fuente (number)​

Peso de la tipografía (400, 700, negrita, etc.).

Ancho del borde (number)​

Grosor global del borde en píxeles.

Ancho del borde [Superior/Inferior/Izquierdo/Derecho] (number)​

Grosor específico para cada lado.

Estilo de borde (string)​

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

Estilo de borde [Superior/Inferior/Izquierdo/Derecho] (string)​

Tipo de trazo específico para cada lado.

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

Avanzado​

Configuración de la lista de opciones y vinculación.

Opciones (Lista)​

Define los elementos desplegables del combo. Se pueden añadir tantas opciones como se necesite.

  • Texto (string): Etiqueta visible para el usuario (ej: "Modo Manual").
  • Valor (string/number): Valor interno que se escribe en el Tag (ej: 1 o "MANUAL").