- Release notes
- Getting started
- For administrators
- Designing automations
- Creating an automation from an idea
- Creating a project
- How to start an automation
- Managing project files and folders
- Connecting automations to your accounts
- Configuring activities
- Managing the activities in a project
- Passing values between activities
- Iterating through items
- Managing the data in a project
- Configuring a project to use your data
- Using file and folder resources
- Running and testing your projects
- Managing automations
- App projects
Studio Web User Guide
Container Layout
Use Container Layouts to create a complex app layout.
When a container layout control is added, a single container is available by default. To add more simple containers, click the "+" icon that border the existing containers.
To reposition a container within the layout, drag and drop the container to the desired position.
To resize containers, drag the container corner.
To delete a container, select it and use the Delete key on your keyboard. Alternatively, in the tree view, right-click the container and select Delete.
If you use the container layout as the root control in a page, when the page is opened as a pop-up, the container layout will automatically receive a minimum width of 300 pixels.
The container layout control has two sets of properties:
-
One set for the container layout
-
One set for every container within the layout
We recommend using Container Layout controls at a page level, for structuring the page into different sections.
-
Hidden - If true, hides the control at runtime.
-
Disabled - If true, disables the control at runtime.
- Background color - The background color of the layout.
- Font - The font family for the container layout. All the containers within the layout share the same font family.
- Margin- The margin of the layout. By default, a margin of 0px is set. Top/Bottom and Left/Right margin properties are combined. These properties can be detached using the Link button at the right side of the Margin section.
- Padding - The padding of the layout. By default, a padding of 0px is set. Top/Bottom and Left/Right margin properties are combined. These properties can be detached using the Link button at the right side of the Padding section.
-
Size - The width and height of the layout. Be default, the Width is set to 100px, while the Height is set to
auto, to allow the layout to expand based on the containers inside.
