UiPath Documentation
apps
latest
false
  • Getting Started
    • Introduction
    • Using App Studio
    • Exporting an App
    • Importing an App
    • Regions and Instances
  • Demo apps
    • Demos summary
  • How To
    • Build your first app (old)
    • Build a Mobile-Friendly App
    • General User Experience Guidelines
    • Use File Control
      • Upload a File Using the File Picker Control
      • Download a File Using the File Picker Control
      • Download a File Using a Link
      • Download a File Using an Image Control
    • Use Master Detail View
    • Use Required Input Validation
      • Container Validation
    • 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 Excel Charts in Apps
      • Prerequisites
      • Procedure
      • Result
    • 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
    • About notifications
    • My notifications
    • Managing notifications
  • Using VB Expressions
    • Overview
    • Limitations
    • Using the Expression editor in controls
    • The Query builder
      • Using the Fetch functions
    • Migrating legacy apps to VB expressions
    • Legacy versus VB expressions
    • Useful VB functions
    • Custom VB functions
  • Designing your App
    • Controls Overview
    • Layout and Styling
    • Sample App Layouts
    • Input Controls
      • Button
      • Checkbox
      • Date Picker
      • Dropdown
      • Multiselect Dropdown
      • File Picker
      • Radio Button
      • Rich Text Editor
      • Slider
      • Switch
      • Text Area
      • Textbox
      • Textbox (Email)
      • Textbox (Number)
    • Container Controls
      • Differences Between Container Controls
      • Container Layout
      • Container
      • Page
      • Page Container
    • Display Controls
      • Custom List
      • Divider
      • Document Viewer
      • Header
      • IFrame
      • Image
      • Label
      • List
      • Table
      • Icons
      • Tabs
    • User Context References
    • Saving Your App
    • App Errors & Troubleshooting
  • Events and Rules
    • About 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
    • About Expressions
      • Using Expressions
    • About Functions
      • 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
    • Referencing a Process From Orchestrator
      • Input and Output Type Properties
      • Send Interim Result Activity
    • Supported Process Argument Types
    • Replacing a Process Referenced in an App
    • Referencing a Storage Bucket From Orchestrator
    • Configuring an On-Premise Orchestrator for Use by Apps
    • Orchestrator Permissions
    • Data Flow Between UiPath Apps and Orchestrator
  • Leveraging Entities in Your App
    • Referencing an Entity in Your App
    • Replacing an Entity
    • About Data Context
      • Using Data Context
      • Using Choice Set
    • Using Apps With Data Service
  • Leveraging Queues in Your App
    • Referencing a Queue in Your App
    • Replacing a Queue
    • Using Apps With Queues
  • Leveraging Media in your app
    • Referencing a media document in your app
    • Binding a media document to Image controls
  • Leveraging Actions in your app
    • Adding an action to your app
    • Adding an action app to an automation
    • Binding an action to app controls
  • Leveraging Connections in your apps
    • Adding a connection to your app
    • Replacing a connection
    • Using connections in List controls
    • FAQ for connections in Apps
  • Application Lifecycle Management (ALM)
    • About ALM
      • General Settings
      • Permission Management
      • Managing App Versions
      • Packaging an App as a Client
  • 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.
UiPath logo, featuring letters U and I in white
DEPRECATED

Legacy Apps user guide

Last updated Oct 28, 2025

Container

As the name suggests, a container holds controls and other containers within it. The container provides the ability to position the controls within it in a simple and intuitive manner.

General

  • Tooltip - Tooltip to be displayed on the container. Use this to provide additional information on the control.
  • Data Context - A container for a single entity record. When this is set on a container, all controls that are part of that container can access the data context bound to the container.
  • Hidden- If selected, hides the control in the runtime.
  • Disabled - If selected, disables the control in the runtime.

Events

  • Clicked on - Configure what happens when the container is clicked.

Style

  • Control Alignment - By default, inherits the parent alignment. A different alignment other than the parent can be set. To default to Parent's alignment, toggle the selected alignment icons to switch off the specific alignment.

    Note: Alignment is dependent on Parent's layout (Vertical vs. Horizontal).
  • Layout - Determine how the controls within the container are positioned:

    • Direction (Horizontal/Vertical) - Controls are arranged one below the other (vertical) or side by side (horizontal).
    • Alignment- Controls alignment within the container ( Left, Center, Right & Stretch for Vertical direction and Top, Middle, Bottom, Stretch for Horizontal direction).
    • Justify- Top, Middle, Bottom & Distribute for Vertical direction and Left, Center, Right & Distribute for Horizontal direction.
    • Allow wrapping - if enabled, it wraps the control in the container if there isn't enough space.





Note: When the Allow wrapping property is enabled, the controls within the container wrap if they cannot fit in a line.
  • Allow Scrolling - if enabled, a scroll bar is added to the container if the content cannot fit within the space. To enable Allow Scrolling, the container must have a fixed height (vertical layout) or fixed width (horizontal layout).
  • Background Color - Sets the background color of the container.
  • Border - Sets the border for the control. Border Thickness, Border Color, and Corner Radius can be configured for the border.
  • Font - Sets the font family for the container. All the controls within the container will have the same font family as that of the container.
  • Margin- Sets the margin of the container. By default 0px margin is set. Top/Bottom and Left/Right margin properties are combined. These properties can be unlinked using the unlink button on the right side of the Margin section heading.
  • Padding - Sets the padding of the container. Top/Bottom and Left/Right padding properties are combined. These properties can be unlinked using the unlink icon on the right side of the padding section heading if different padding values needed to set for each side.
  • Size - The width and height of the container can be set in the size section. Min Width/ Min Height and Max Width/ Max Height is available under more (...) in the size section.

Important: If the container size is set to a fixed value and if the controls within them occupy more space than the fixed value, then Justify - Middle,Justify - Bottom doesn't apply in Vertical direction, and Justify - Center,Justify - Right doesn't apply in Horizontal direction.
  • General
  • Events
  • Style

Was this page helpful?

Connect

Need help? Support

Want to learn? UiPath Academy

Have questions? UiPath Forum

Stay updated