Apps
2022.4
False
Imagen de fondo del banner
Apps User Guide for Automation Suite
Última actualización 19 de abr. de 2024

Diseño de contenedor

Un diseño de contenedor te ayuda a crear un diseño complejo de tu elección de una manera simple y fácil. Cuando se añade un control de disposición de contenedores, se dispone por defecto de un único contenedor. Se pueden añadir contenedores adicionales haciendo clic en el icono "+" del lienzo.

Los contenedores dentro de la disposición de contenedores se pueden reposicionar simplemente arrastrándolos y soltándolos en cualquier lugar dentro de la disposición. Los contenedores se pueden redimensionar arrastrando la esquina del contenedor. Los contenedores pueden borrarse seleccionando el contenedor y presionando la tecla de borrar, o alternativamente desde la vista de árbol.



El control de diseño del contenedor tiene 2 conjuntos de propiedades. Una para la disposición de contenedor y otra para cada uno de los contenedores dentro de la disposición.

Nota: Los diseños de los contenedores son más adecuados a nivel página cuando quieres crear un diseño para una página con secciones diferentes. Para alinear y posicionar los controles dentro de una página, sugerimos utilizar contenedores
Importante: Se recomienda evitar los diseños de contenedor anidados para facilitar el mantenimiento y la coherencia entre el tiempo de diseño y el runtime.

Propiedades del diseño de contenedor

General

  • Información sobre herramientas: información de las herramientas que se mostrará en el diseño de contenedor. Utilízalo para proporcionar información adicional sobre el control.
  • Oculto: si se selecciona, oculta el control en el tiempo de ejecución.
  • Deshabilitado: si se selecciona, deshabilita el control en el tiempo de ejecución.

Events

No hay eventos.

Estilo

  • Color de fondo: establece el color de fondo del diseño del contenedor.
  • Fuente: establece la familia de fuentes para el diseño de contenedor. Todos los contenedores dentro del diseño tendrán la misma familia de fuentes que la del diseño.
  • Margen: establece el margen del diseño. Por defecto, se establece un margen de 0 px. Se combinan las propiedades de los márgenes superiores/inferiores e izquierdos/derechos. Estas propiedades pueden desvincularse mediante el botón de desvinculación situado a la derecha del encabezamiento de la sección Margen.
  • Relleno: establece el relleno del diseño. Por defecto, se establece un relleno de 0 px. Se combinan las propiedades de los rellenos superiores/inferiores e izquierdos/derechos. Estas propiedades pueden desvincularse mediante el icono de desvinculación situado a la derecha del encabezamiento de la sección de relleno si es necesario establecer valores de relleno diferentes para cada lado.
  • Tamaño: la anchura y la altura del diseño se pueden establecer en la sección de tamaño. La anchura por defecto es del 100 %. La altura del diseño se ajusta automáticamente en función de los contenedores que hay en su interior, ya que está configurado como "Automático".

Propiedades de contenedor

General

  • Oculto: si se selecciona, oculta el control en el tiempo de ejecución.
  • Deshabilitado: si se selecciona, deshabilita el control en el tiempo de ejecución.

Events

  • Seleccionado: configura lo que sucede cuando se hace clic en el contenedor.

Estilo

  • Diseño: determina cómo se colocan los controles dentro del contenedor:

    • Dirección (horizontal/vertical): los controles están dispuestos uno debajo de otro (vertical) o uno al lado del otro (horizontal).
    • Alineación: controla la alineación dentro de la plantilla (Izquierda, centro, derecha y estirar para la dirección vertical y Arriba, medio, abajo, estirar para la dirección horizontal).
    • Justificar: Arriba, medio, abajo y distribuir para la dirección vertical e Izquierda, centro, derecha y distribuir para la dirección horizontal.
    • Permitir ajustar: si se activa, se ajusta al control en el contenedor si no hay suficiente espacio.
  • Color de fondo: establece el color de fondo del diseño del contenedor.
  • Borde: establece el borde del control. Se puede configurar el grosor, el color y el radio de la esquina del borde.
  • Fuente: establece la familia de fuentes para el contenedor. Todos los controles dentro del contenedor tendrán la misma familia de fuentes que la del diseño.
  • Propiedades del diseño de contenedor
  • General
  • Events
  • Estilo
  • Propiedades de contenedor
  • General
  • Events
  • Estilo

Was this page helpful?

Obtén la ayuda que necesitas
RPA para el aprendizaje - Cursos de automatización
Foro de la comunidad UiPath
Logotipo blanco de UiPath
Confianza y seguridad
© 2005-2024 UiPath. All rights reserved.