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.

For this example, we will use the Form C template page from UiPath^® Apps.

1. Create a new app in UiPath^® Apps.

2. Cuando se te pida que selecciones una plantilla para una nueva página, selecciona el Formulario C.

3. En el contenedor sectionHeader1 , añade dos iconos junto al botón:

   • Un icono de teclado_flecha_arriba . Cambia el nombre para colapsar.

   • One keyboard_arrow_down icon. Rename it to expand.

     

4. Create an app variable named content_visibility.

5. Configure the collapse icon.

   1. En la sección Mostrar > propiedad oculta del control, añade lo siguiente: = Not(content_visibility).

   2. Añade una regla Establecer valores en el evento Clicked on .

   3. Añade la variable de aplicación creada en el paso 4 en la propiedad Elementos a establecer de la regla, y =false en la propiedad Valor .

      

6. Configura el icono de expansión .

   1. En la sección Mostrar > propiedad oculta del control, añade la variable de aplicación =content_visibility.

   2. Añade una regla Establecer valores en el evento Clicked on .

   3. Añade la variable de aplicación creada en el paso 4 en la propiedad Elementos a establecer de la regla, y =true en la propiedad Valor .

      

7. Añade una regla Establecer valores en la página formC .

   1. Añade la variable de aplicación creada en el paso 4 en la propiedad Elementos a 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.