Web Page

<< Click to Display Table of Contents >>

Navigation:  Low-code Process Automation > Studio Cloud - Authoring environment > Bizagi Apps > App Designer > App Designer editor > Types of layout >

Web Page

Overview

The Web Page layout allows you to keep the content of your app within a single Section, ideal for web pages. In this layout, you can assign a specific number of columns to the Section and add as many rows as needed to organize your content effectively.

 

Add Row

In this layout, you can add Row containers within the Section. To add a Row, click the Add Row button located at the bottom of the Section container.

 

AppsTypeLayoutWebPage01

 

The new Row will appear inside the Section, ready to hold Column containers.

 

AppsTypeLayoutWebPage02

 

Add Column

Once you have added a Row, you can insert between 1 and 5 Column containers into it.

To do so, click the Row container, select the Layout option, and choose the desired number of columns under the Presets label.

 

You can also configure how these columns are aligned and distributed within the row. Under Alignment and distribution, select from the following options:

Left: Aligns columns to the left side of the row.

Center: Aligns columns to the center of the row.

Right: Aligns columns to the right side of the row.

Uniform spacing: Distributes columns evenly, maintaining equal space between them.

Even spacing: Distributes both columns and surrounding margins evenly across the row.

 

AppsTypeLayoutWebPage03


Last Updated 5/11/2025 8:11:55 PM