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

Diferencias entre los controles de los contenedores

Los contenedores son los bloques de construcción para el diseño de tu aplicación y es importante entender los diferentes tipos de controles de contenedores y cuándo utilizarlos.



Contenedor

Diseño de contenedor

Contenedor de página

Un único contenedor que puede albergar controles y otros contenedores en su interior.

Container Layout te ayuda a construir un diseño complejo con varias secciones (contenedores).

El contenedor de página puede albergar otra página en la página actual

Crece en función del tamaño de su contenido

Tiene una altura fija. La anchura se basa en la cuadrícula y disminuye y aumenta en función de la anchura de la pantalla.

Crece en función del tamaño de la página anidada

  • Se utiliza para alinear un grupo de elementos de forma similar
  • Se utiliza para alinear un elemento específico diferente al de otros elementos
  • Los contenedores anidados son posibles
  • Los contenedores anidados se utilizan si se desea alinear/posicionar los elementos del contenedor interior de forma diferente al exterior
  • No hay límite en el número de contenedores anidados. Sin embargo, en general se aconseja no superar los 4 niveles de contenedores anidados por razones de mantenimiento y rendimiento
  • Se utiliza para crear un diseño (estructura) para una página
  • No se recomienda su uso dentro de otros contenedores/control que no sean de la página
  • El uso de diseños de contenedores anidados provocará espacios adicionales y problemas de mantenimiento
  • Útil para reutilizar componentes en tu aplicación, por ejemplo, cuando quieres tener una cabecera consistente o un cuerpo consistente en diferentes páginas de tu aplicación
  • Ayuda a la mantenibilidad

Ejemplo de cómo alinear los controles mediante contenedores

El siguiente ejemplo muestra un formulario sencillo, en el que se desea recoger la siguiente información del usuario: Nombre, Apellido, Correo electrónico y Escuela. Aunque los cuadros de entrada de Correo electrónico y Escuela pueden estar uno debajo del otro, queríamos que el Nombre y el Apellido estuvieran disponibles uno al lado del otro. Se puede lograr mediante los siguientes pasos

  • Añade un nuevo contenedor
  • Cambia la disposición del contenedor a Horizontal
  • Añade los dos cuadros de texto dentro del contenedor



  • Ejemplo de cómo alinear los controles mediante contenedores

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.