Ocultar contenedores mediante un botón

Puede ocultar un contenedor usando un botón de flecha para contraer o expandir el contenido. Sigue los pasos de esta página para aprender a hacerlo.

Para este ejemplo, usaremos la página de la plantilla del Formulario C de UiPath Apps.

1. Cree una nueva aplicación en UiPath Apps.
2. Cuando se te pida que selecciones una plantilla para una nueva página, selecciona el Formulario C.
3. En el contenedor Encabezado de la sección1 , añade dos iconos junto al botón:
   • Un icono de la flecha_ arriba del teclado . Cámbiele el nombre para que se contraiga.
   • Un icono de la flecha_abajo del teclado . Cámbiele el nombre para expandirlo.
     
     

     

     
     
4. Crea una variable de la aplicación denominada visibilidad_contenido.
5. Configure el icono de contraer .
   1. En la propiedad Visualización > Oculto del control, añade lo siguiente: = Not(content_visibility).
   2. Añade una regla Establecer valores en el evento en el que se ha hecho clic.
   3. Agrega la variable de la aplicación creada en el Paso 4 en la propiedad Elementos por establecer de la regla, y = false en la propiedad Valor .
      
      

      

      
      
6. Configura el icono de expansión .
   1. En la propiedad Visualización > Oculto del control, añade la variable de aplicación =content_visibility .
   2. Añade una regla Establecer valores en el evento en el que se ha hecho clic.
   3. Agrega la variable de la aplicación creada en el Paso 4 en la propiedad Elementos por establecer de la regla, y = true en la propiedad Valor .
      
      

      

      
      
7. Añade una regla Establecer valores en la página formularioC .
   1. Agrega la variable de la aplicación creada en el Paso 4 en la propiedad Elementos por establecer de la regla, y = true en la propiedad Valor .
      
      

      

      
      

Si obtiene una vista previa de la aplicación, habrá un botón de flecha en el encabezado del primer contenedor. Puede hacer clic en ese botón para contraer el contenido. Puede volver a hacer clic para expandir el contenido.