- Getting Started
- Demo apps
- How To
- Build your first app (old)
- Build a Mobile-Friendly App
- General User Experience Guidelines
- Use Master Detail View
- Use Document Viewer
- Use Count With Choice Set Values
- Use Selected Values From a Table
- Embed Apps
- Embed Maps
- Hide Containers Using a Button
- Include MailTo Links
- Include Star Ratings
- Set External Context
- Work With Data Source and Value Bind
- Use the Send Interim Result Activity
- Public Apps
- Notifications
- Using VB Expressions
- Designing your App
- Events and Rules
- Rule: If-Then-Else
- Rule: Open a Page
- Rule: Open URL
- Rule: Close Pop-Over/Bottom Sheet
- Rule: Show Message
- Rule: Show/Hide Spinner
- Rule: Set Values
- Rule: Start Process
- Rule: Upload File to Storage Bucket
- Rule: Get File From Storage Bucket
- Rule: Reset Values
- Rule: Create/Update Entity Record
- Rule: Delete Entity Record
- Rule: Add to Queue
- Function: And, Or, Not
- Function: Concat
- Function: Contains
- Function: Count
- Function: EndsWith
- Function: If
- Function: IsBlank
- Function: Guid
- Function: Length
- Function: List
- Function: StartsWith
- Function: Sum
- Function: Sort
- Function: Now
- Function: Today
- Function: Time
- Function: Year
- Function: Month
- Function: Day
- Function: Hour
- Function: Minute
- Function: New
- Function: Lookup
- Function: Filter
- Leveraging RPA in your App
- Leveraging Entities in Your App
- Leveraging Queues in Your App
- Leveraging Media in your app
- Leveraging Actions in your app
- Leveraging Connections in your apps
- Application Lifecycle Management (ALM)
- UiPath First-Party Apps
- Basic Troubleshooting Guide
Containers are the building blocks for your app's layout and it is important to understand the various types of container controls and when to use them.
|
Container |
Container Layout |
Page Container |
|---|---|---|
|
A single container which can hold controls and other containers within it |
Container Layout helps you to build a complex layout with various sections ( containers). |
Page container can hosts another page in the current page |
|
Grows based on the size of its contents |
Has a fixed height. Width is grid based and will shrink and grow based on screen width |
Grows based on the size of the nested page |
|
|
|
The below example shows a simple form, where you want to collect the following information from the user - First Name, Last Name, Email & School. While Email & School input boxes can be one below the other, we wanted the First Name and Last Name available side by side. This can be accomplished by the following steps
- Add a new container
- Change the layout of the container to Horizontal
- Add the two text boxes within the container