Inline Grid Widget
Inline Grid is a container of columns which can be used for placement control of other widgets.
Watch video:
- Click on the plus button at the left top corner.
- Expand the Containers section and select the Inline Grid widget.
Grid Settings
Here, you can adjust the number of columns and their widths. By default, the Inline Grid widget is divided into equal columns based on its width (for example, if the Inline Grid has a width of 1000 px and contains 5 columns, each column will be 200 px wide).
How to add content to the column?
- Hover over the desired column and click on it.
- Select the desired widget or media file.
Each widget added to the column will utilize its entire width.
Columns count
There are 2 ways you can add the columns:
- Select your Inline Grid widget and change the value in the 'Columns Count' field
- Select the desired column and simply copy and paste it.
How to move column?
- Select the desired column
- Use the upward and downward arrows at the top of the selected column to move it backward or forward.
How to change the column dimensions?
There are two main ways how you can change the column dimensions:
- By changing width and height values on the properties panel.
- By changing the width fractional value on the properties panel.
Hover over the desired number of rectangles to adjust the width accordingly.
Please note: one rectangle represents one fraction. For example, if the width is divided into four equal parts, and three of those parts are filled, it represents 3/4 or 75% of the width.
How to customize the Inline Grid widget for mobile devices?
Watch video: