Componente de secuencia de comandos de imagen

Para insertar un gráfico en una página de secuencia de comandos, agregue un componente de imagen:

1. En la barra de herramientas del componente, haga clic en .

2. Haga clic en el Común grupo de propiedades.

3. Desde el Fuente de imagen lista, seleccione una de las siguientes:

   1. Para especificar la dirección de Internet de una imagen, seleccione Texto interpolado. e ingrese la URL de la imagen. Por ejemplo:

      https://www.example.com/cat.jpg

   2. Para especificar una imagen de su espacio de trabajo, seleccione Gestión de contenido y especifique el espacio de trabajo y la ubicación del archivo de imagen que desea utilizar.

      Nota: Para que aparezcan correctamente, las imágenes deben ser públicas o compartidas específicamente con el agente.

4. Para ajustar el tamaño de la imagen, expanda el Diseño grupo de propiedades y luego establezca el Ancho y Altura propiedades.

5. Para invocar una acción cuando el agente hace clic en la imagen, haga clic en el Avanzado grupo de propiedad. Debajo Haga clic en Acción, haga clic en No se seleccionó ninguna acción.

6. Establezca cualquier otra propiedad del componente. 

   Común

   Fuente de imagen

   La fuente de la imagen especifica la URL donde se aloja una imagen. La URL puede introducirse manualmente o asignarse mediante una variable.

   Por ejemplo:

   https://www.nps.gov/common/uploads/grid_builder/nri/crop16_9/E01C0169-1DD8-B71B-0BF5CE35362EF045.jpg

   

   Color

   Establece el color de fondo 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.

   Para cambiar el color de fondo de una página de secuencia de comandos

   Para establecer el color de fondo de una página completa, asigne un color de fondo a su contenedor vertical raíz.

   1. En la barra de migas de pan, haga clic en el icono del contenedor raíz.

      

   2. Debajo Común o Apariencia, asigne un color de fondo diferente.

      

      Puede crear efectos interesantes asignando diferentes colores de fondo a otros contenedores.

      

   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.

   

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

      

   2. Haga clic en el campo de valor para obtener un margen. Aparece un control de giro en ese campo.

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

   1. Haga clic en el Diseño grupo de propiedad. Debajo de Visible, haga clic en Seleccionar variable.
   2. Seleccione una variable u, opcionalmente, cree una nueva variable Sí / No y luego asigne esa nueva variable a la Visible propiedad.
   3. 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.

   Apariencia

   Color

   Establece el color de fondo 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.

   Para cambiar el color de fondo de una página de secuencia de comandos

   Para establecer el color de fondo de una página completa, asigne un color de fondo a su contenedor vertical raíz.

   1. En la barra de migas de pan, haga clic en el icono del contenedor raíz.

      

   2. Debajo Común o Apariencia, asigne un color de fondo diferente.

      

      Puede crear efectos interesantes asignando diferentes colores de fondo a otros contenedores.

      

   Avanzado

   Fuente de imagen

   La fuente de la imagen especifica la URL donde se aloja una imagen. La URL puede introducirse manualmente o asignarse mediante una variable.

   Por ejemplo:

   https://www.nps.gov/common/uploads/grid_builder/nri/crop16_9/E01C0169-1DD8-B71B-0BF5CE35362EF045.jpg

   

   Haga clic en Acción

   Selecciona una acción para realizar cuando se hace clic en un botón, enlace o imagen.

   

   Utilice el menú para seleccionar si la acción abre una URL o una acción.

   

   Si seleccionas URL, se le pedirá que escriba una URL o que seleccione una variable de cadena que contenga una URL. La URL puede utilizar el protocolo HTTP o HTTPS.

   

   Si usted elige Acción, se le solicitará que seleccione una acción de secuencia de comandos, una acción de salida o una acción personalizada. También puede seleccionar Sin acción para anular la asignación de una acción seleccionada anteriormente.