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, utilizaremos la página de plantilla del Formulario C de UiPath^® Apps.

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