Apps
2023.4
false
Importante :
Este contenido se ha localizado parcialmente a partir de un sistema de traducción automática.
Guía del usuario de Apps
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated 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
docs image
  • Ejemplo de cómo alinear los controles mediante contenedores

¿Te ha resultado útil esta página?

Obtén la ayuda que necesitas
RPA para el aprendizaje - Cursos de automatización
Foro de la comunidad UiPath
Uipath Logo White
Confianza y seguridad
© 2005-2024 UiPath. Todos los derechos reservados.