Block Container

The Block Container widget is used to group multiple widgets into a single structured section. It helps manage layout organization, alignment, and styling collectively for all contained elements.

The block container is the simplest of the layout widgets. It's layout design is entirely dependent on the 'Display and Alignment' settings in the property editor.

It can also be used to display simple text.

Common Use Cases

• Just showing simple text (Double click to add text)

• Grouping related form fields into a single section

• Managing visibility or styling for multiple widgets together

• Acting as a div-like container for layout structuring, especially when using responsive Setting—many layout dependencies rely on it for proper alignment and spacing. (See help on responsive)

Step-by-Step Guide to Use the Block Container Widget

Step 1: Add the Widget

Open the Widget Panel on the left, go to the Layout section, and pick & drop the Block Container Widget onto your page.

Step 2: Configure Main Settings

Click on the Block Container to open its settings panel. Adjust properties such as padding, background color, border, and alignment to match your layout.