Componente de secuencia de comandos de botón de opción

Los botones de radio permiten al usuario seleccionar una opción de un conjunto de opciones.

Haga clic en el Boton de radio en la barra de herramientas del componente.
Cambiar el Texto propiedad para reemplazar "Etiqueta" con una mejor descripción. Para incrustar opcionalmente el valor de una variable, haga clic en el icono del cubo.
Para agregar más botones de opción a la página, repita los pasos 1 y 2.
Con un botón de radio seleccionado, haga clic en Avanzado. Debajo Valor, seleccione una variable de cadena. Cuando el usuario hace clic en este botón en tiempo de ejecución, la variable almacena un valor único. Si es necesario, haga clic en Crear nueva variable para definir una nueva variable.

IMPORTANTE- Asignar lo mismo Valor variable a todos los botones de radio de un conjunto.
Type a unique string in the Selected Value Text box. This text indicates the selection made by the agent. For example, MyChoice might store Younger than 30 when the Under 30 radio button is clicked. Conversely, you could set its value to Older than 30 when Over 30 is clicked.

IMPORTANTE- Asignar una diferente Texto de valor seleccionado a cada botón de radio de un conjunto.

Propina: Para ver el texto del valor seleccionado, agregue un componente de texto de solo lectura a la página. Luego haga clic en el icono del cubo y seleccione la variable que asignó a Valor.

Hacer clic Avance. El valor de la variable cambia cuando hace clic en cada botón de opción.

Para obtener más información sobre esta técnica, consulte Use llaves para mostrar los valores de las variables.
Opcionalmente, asigne una acción para que se ejecute cuando un agente haga clic en el botón de opción. Sobre el Avanzado pestaña, debajo Cambiar acción, haga clic en No se seleccionó ninguna acción.

Nota: Las acciones de cambio asignadas a los botones de opción se ejecutan cada vez que cambia el valor de la variable asignada al botón de opción. Por ejemplo, si cuatro botones de opción forman parte de un conjunto asociado con la misma variable, las cuatro acciones de cambio intentan ejecutarse cada vez que un agente selecciona cualquiera de los cuatro botones del conjunto. Por lo tanto, recomendamos usar acciones personalizadas con botones de opción en lugar de asignar una acción de cambio diferente a cada botón de opción.

Opcionalmente, establezca otras propiedades.

Común

Fuente

La configuración de fuente modifica la apariencia visual del texto. Cambie la fuente y el tamaño de la fuente. Aplique negrita, cursiva o subrayado en cualquier combinación. Justifique la alineación del texto dentro de un contenedor circundante.

Artículo	Descripción
	Muestra una lista de fuentes para elegir. Luego, establece todo el texto del control en el tipo de letra seleccionado.
	Establece el tamaño de la fuente en el número de puntos que seleccione.
	Aplica un grosor de fuente en negrita al texto del componente.
	Aplica estilo de fuente en cursiva al texto del componente.
	Subraya el texto del componente.
	Justifica a la izquierda el componente en relación con su contenedor principal.
	Centra el componente en relación con su contenedor principal.
	Justifica a la derecha el componente en relación con su contenedor principal.

Color

Establece el color del texto en uno de los siguientes:

	Defecto: Asigna el color predeterminado. Color: Le permite seleccionar de una paleta de colores comunes o elegir la suya propia ingresando valores RGB o moviendo el selector de color a una nueva posición del espectro. La configuración del color del texto y del fondo es una propiedad del panel Appearance. Este panel de propiedades sólo está disponible para los componentes que tienen la funcionalidad de color. Hacer clic Escoger para asignar la selección actual. Variable: Asigna un color almacenado en una variable de cadena. Por ejemplo, para asignar azul oscuro: Haga clic en el Variables pestaña. Hacer clic + para agregar una variable. Seleccione Cuerda como el tipo de valor que almacena la nueva variable. Escriba un nombre descriptivo en el cuadro Nombre. Colocar Valor predeterminadomi a 0000FF o # 0000FF, que es el código hexadecimal para azul oscuro. Hacer clic Solicitar. Asigne la variable a esta propiedad de color.

Texto

Varios componentes tienen una propiedad de Texto que puede cambiar, generalmente haciendo doble clic en el componente en el modo de diseño:

Botón: Haga doble clic para cambiar el nombre de "Enviar" a otra cosa.
Boton de radio o Caja: Haga doble clic para cambiar "Etiqueta" a un nombre más descriptivo.
Texto de solo lectura: Para cambiar el texto que se muestra en un componente de texto de solo lectura, haga clic en el componente y, a continuación, escriba el texto en el cuadro.

Valor

El valor une un componente a la variable seleccionada. Por ejemplo, si vincula un componente de entrada de texto a una variable, el cuadro de entrada siempre mostrará el valor de esa variable, ignorando cualquier texto de marcador de posición especificado. La variable se actualiza automáticamente con el texto escrito por el usuario, sujeto a un proceso de validación.

Otros controles, botones de opción, por ejemplo, usan Valor con una configuración de Texto de valor seleccionado. Cuando se selecciona el botón de radio en tiempo de ejecución, su "Texto de valor seleccionado" se convierte en el nuevo valor de la variable. De esta forma, cada botón de opción puede asignar un valor diferente a la misma variable.

Cuando un control de calendario está vinculado a la variable, su valor se establece en la fecha seleccionada por el control. Dado que las variables pueden preestablecer el valor de los controles visuales y también ser configuradas por ellos, la vinculación es una técnica poderosa y de uso frecuente.

Texto de valor seleccionado

Texto configurado en el Valor seleccionado la propiedad se asignará a un límite Valor variable de cadena cuando un boton de radio está seleccionado. La variable vinculada se configura mediante la configuración de Valor.

Por ejemplo, suponga que un formulario tiene 2 botones de opción y que ambos están vinculados a una variable de cadena denominada myChoice. Si el texto del valor seleccionado del primer botón de opción es "Perros" y el segundo "Gatos", en tiempo de ejecución el valor de myMyChoice es:

El valor predeterminado de MyChoice hasta que se seleccione un botón de opción.
"Perros" cuando se selecciona el primer botón de opción.
"Gatos" cuando se selecciona el segundo botón de opción.

Probando tu trabajo

Si inserta {{MyChoice}} en un campo de texto, puede ver cómo funciona esto en el modo de vista previa. Si no está familiarizado con la técnica de mostrar variables en una página, consulte Use llaves para mostrar los valores de las variables.

En el modo de vista previa, el valor de MyChoice es "Perros" o "Gatos" cuando se selecciona un botón de opción.

Diseño

Ancho

Configura el ancho a un tamaño fijo, para que crezca según sea necesario para mostrar contenido o para consumir tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

Configuración	Descripción
	El tamaño automático configura el componente para que se reduzca o crezca de acuerdo con su contenido. Por ejemplo, el ancho de una etiqueta puede crecer dependiendo de la cantidad de texto que contenga.
	El estiramiento permite que un componente consuma tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño. Si dos componentes están configurados para estirarse, a ambos se les asigna el 50% del espacio restante de forma predeterminada. Esta proporción se puede ajustar cambiando el valor de peso. Por ejemplo, si configura un componente con un peso de 200 y el otro con un peso de 100, el primer componente ocupará dos tercios del espacio restante, mientras que el otro solo ocupará un tercio. El primer componente aparece dos veces el tamaño del otro componente, ya que su peso era dos veces el peso del segundo componente.
	Establece un tamaño fijo en píxeles. Puede escribir un valor entero en el cuadro o usar flechas hacia arriba o hacia abajo para incrementar o disminuir el tamaño. Estas flechas son visibles cuando el componente tiene el foco.

Altura

Configura la altura a un tamaño fijo, para que crezca según sea necesario para mostrar contenido o para consumir tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño.

Configuración	Descripción
	El tamaño automático configura el componente para que se reduzca o crezca de acuerdo con su contenido.
	Establece un tamaño fijo en píxeles. Puede escribir un valor entero en el cuadro o usar flechas hacia arriba o hacia abajo para incrementar o disminuir el tamaño. Estas flechas son visibles cuando el componente tiene el foco.
	El estiramiento permite que un componente consuma tanto espacio como sea posible en relación con otros componentes, utilizando la ponderación para influir en los ajustes de tamaño. Si dos componentes están configurados para estirarse, a ambos se les asigna el 50% del espacio restante de forma predeterminada. Esta proporción se puede ajustar cambiando el valor de peso. Por ejemplo, si configura un componente con un peso de 200 y el otro con un peso de 100, el primer componente ocupará dos tercios del espacio restante, mientras que el otro solo ocupará un tercio. El primer componente aparece dos veces el tamaño del otro componente, ya que su peso era dos veces el peso del segundo componente.

Alinear

Alinea un componente a la izquierda, a la derecha o al centro, en relación con su contenedor principal.

Consejo: Un componente no puede alinearse verticalmente al centro si el ajuste Altura de su contenedor padre es Auto Sizing. Para corregir esto, establezca la altura del contenedor padre en Stretch o en una altura fija en Pixels.

Configuración	Ejemplo

Margen

Los márgenes establecen el espaciado izquierdo, derecho, superior e inferior alrededor de un borde.

Para actualizar opcionalmente todos los valores de los márgenes a la vez, presione el Establecer todos botón de Margen en el panel de propiedades.
Haga clic en el campo de valor para obtener un margen. Aparece un control de giro en ese campo.
Utilice el control de giro para aumentar o disminuir el margen. Si Establecer todos se seleccionó, el cambio se aplica a todos los márgenes.

El componente se reposiciona inmediatamente utilizando su nueva configuración de margen.

Visible

Establece la visibilidad de un componente según el valor de una variable booleana (verdadera o falsa).

Haga clic en el Diseño grupo de propiedad. Debajo de Visible, haga clic en Seleccionar variable.
Seleccione una variable u, opcionalmente, cree una nueva variable Sí / No y luego asigne esa nueva variable a la Visible propiedad.
En tiempo de ejecución, el componente es visible cuando el valor de la variable es Verdadero. Por el contrario, está oculto cuando el valor de la variable es Falso.

Avanzado

Valor

Texto de valor seleccionado

El valor predeterminado de MyChoice hasta que se seleccione un botón de opción.
"Perros" cuando se selecciona el primer botón de opción.
"Gatos" cuando se selecciona el segundo botón de opción.

Probando tu trabajo

En el modo de vista previa, el valor de MyChoice es "Perros" o "Gatos" cuando se selecciona un botón de opción.

Discapacitado

Todos los componentes están habilitados de forma predeterminada. La propiedad Disabled vincula una variable Verdadero / Falso a un componente, para deshabilitarlo o habilitarlo en función del valor de tiempo de ejecución de la variable.

1. Para crear una variable Verdadero / Falso, haga clic en el Variables pestaña.
2. Haga clic en Añadir para añadir una variable.
3. Seleccione Verdadero Falso como el tipo de datos.
4. En la casilla Name, escriba un nombre descriptivo.
5. Establecer valor predeterminado en Cierto o Falso.
  - Si la variable es True, el componente está desactivado.
  - Si la variable es False, el componente está activado.
6. Para guardar la variable, haga clic en Aplicar.
7. Asigne la variable a la propiedad Disabled. Debajo Discapacitado, haga clic en Seleccionar variable.
8. Seleccione la variable Verdadero / Falso.

Para probar su trabajo, haga clic en Avance.

Cambiar acción

los Cambiar acción La propiedad le permite establecer una acción que se ejecuta cuando se cambia el estado o el valor de este componente.

Puede seleccionar una acción de Scripter, una Acción de salida o una acción personalizada. Las acciones salientes no están disponibles a menos que la propiedad Saliente esté habilitada.

Apariencia

Fuente

Artículo	Descripción
	Muestra una lista de fuentes para elegir. Luego, establece todo el texto del control en el tipo de letra seleccionado.
	Establece el tamaño de la fuente en el número de puntos que seleccione.
	Aplica un grosor de fuente en negrita al texto del componente.
	Aplica estilo de fuente en cursiva al texto del componente.
	Subraya el texto del componente.
	Justifica a la izquierda el componente en relación con su contenedor principal.
	Centra el componente en relación con su contenedor principal.
	Justifica a la derecha el componente en relación con su contenedor principal.

Color

Establece el color del texto en uno de los siguientes:

	Defecto: Asigna el color predeterminado. Color: Le permite seleccionar de una paleta de colores comunes o elegir la suya propia ingresando valores RGB o moviendo el selector de color a una nueva posición del espectro. La configuración del color del texto y del fondo es una propiedad del panel Appearance. Este panel de propiedades sólo está disponible para los componentes que tienen la funcionalidad de color. Hacer clic Escoger para asignar la selección actual. Variable: Asigna un color almacenado en una variable de cadena. Por ejemplo, para asignar azul oscuro: Haga clic en el Variables pestaña. Hacer clic + para agregar una variable. Seleccione Cuerda como el tipo de valor que almacena la nueva variable. Escriba un nombre descriptivo en el cuadro Nombre. Colocar Valor predeterminadomi a 0000FF o # 0000FF, que es el código hexadecimal para azul oscuro. Hacer clic Solicitar. Asigne la variable a esta propiedad de color.