apps

latest

false

Getting Started
Demo apps
- Demos summary
How To
Notifications
Using VB Expressions
Designing your App
Events and Rules
Leveraging RPA in your App
Leveraging Entities in Your App
Leveraging Queues in Your App
Leveraging Media in your app
- Referencing a media document in your app
- Binding a media document to Image controls
Leveraging Actions in your app
Leveraging Connections in your apps
Application Lifecycle Management (ALM)
- About ALM
UiPath First-Party Apps
- Automation Launchpad
Basic Troubleshooting Guide
- Apps Troubleshooting and FAQs

important :

For documentation on app projects in Studio Web, refer to the App Projects chapter in the Studio Web documentation: https://docs.uipath.com/studio-web/automation-cloud/latest/user-guide/apps-in-studio-web.

LEGACY

Apps User Guide

DELIVERY:

Last updated Aug 5, 2024

Hide Containers Using a Button

You can hide a container using an arrow button to collapse or expand the content. Follow the steps from this page to learn how to do this.

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

Create a new app in UiPath^® Apps.
When asked to select a template for a new page, select Form C.
In the sectionHeader1 container, add two icons next to the button:
- One keyboard_arrow_up icon. Rename it to collapse.
- One keyboard_arrow_down icon. Rename it to expand.
Create an app variable named content_visibility.
Configure the collapse icon.
1. In the Display > Hidden property of the control, add the following: = Not(content_visibility).
2. Add a Set Values rule on the Clicked on event.
3. Add the app variable created at Step 4 in the Items To Set property of the rule, and =false in the Value property.
Configure the expand icon.
1. In the Display > Hidden property of the control, add the =content_visibility app variable.
2. Add a Set Values rule on the Clicked on event.
3. Add the app variable created at Step 4 in the Items To Set property of the rule, and =true in the Value property.
Add a Set Values rule on the formC page.
1. Add the app variable created at Step 4 in the Items To Set property of the rule, and =true in the Value property.

If you preview the app, there will be one arrow button in the header of the first container. You can click that button to collapse the content. You can click it again to expand the content.

Was this page helpful?

PREVIOUSEmbed Maps

NEXTInclude Excel Charts in Apps

Support and Services

Get The Help You Need

UiPath Academy

Learning RPA - Automation Courses

UiPath Forum

UiPath Community Forum

Trust and Security

Cookies Policy