- 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
Page
A page container is a primary container. Use it to add multiple controls and containers within a page.
To add multiple pages to your app, right-click on an existing page in the tree view and select Add new page.
When adding a new page, you can use a prebuilt template for different use cases, such as dashboards, forms, or lists. To start from scratch, select Blank Page.
-
Page title - The title of the page.
- Description- The description of the page. This information is not visible at runtime.
-
Tooltip - Tooltip to be displayed on the page. Use this to provide additional information on the page.
-
Show Loading Progress Indicator - Enabled by default, allows users to interact with the app after the page is completely loaded. If you deselect this checkbox, users can interact with the app while the page is loading, which may be useful for apps with complex pages.
-
Layout - Determine how the controls within the container are positioned:
- Horizontal/Vertical - The orientation of controls.
- Alignment- The alignment of controls within the container.
- Allow wrapping - If selected, wraps the controls in the container.
-
Background Color - The background color of the container.
-
Border - The border for the control. Border Thickness, Color, and Radius can be configured.
-
Font - The font family for the container layout. All the controls within the container share the same font family. By default, the control inherits the font family of the immediate parent container which is indicated by the keyword "Inherited".
-
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 4px 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. By default, the Width is set to 100% and the Full width checkbox is selected, while the Height is set to
auto, to allow the layout to expand based on the containers and controls inside. To set a custom width value, deselect the Full width box.
