Three Column Widget

Three Column Widget

The Three Column Widget provides a three-column layout where each column can contain its own addon or content. Use this widget to organize content into three equal sections.

Common Tasks

Adding the Widget to a Page

1. Navigate to the page in the Contensive page editor.
2. Click the widget tool to open the widget panel.
3. Find the Three Column Widget in the Design Blocks category.
4. Drag the widget onto the page at the desired location.

Adding Content to Columns

1. Click the edit icon on the Three Column Widget.
2. Use Addon for First Column to select the addon or widget for the left column.
3. Use Addon for Second Column to select the addon or widget for the center column.
4. Use Addon for Third Column to select the addon or widget for the right column.

Changing Column Content

1. Click the edit icon on the widget.
2. Change the addon selection for any column using the dropdown fields.

Removing Column Spacing

1. Open the advanced editor and go to the Styles tab.
2. Enable Remove Gutter to eliminate the spacing between columns.

Styling the Widget

• Open the advanced editor to access the Styles tab.
• Set padding (top, right, bottom, left) to control spacing around the columns.
• Choose a Theme Style to apply a predefined look.
• Set a Background Image on the Background tab.
• Enable As Full Bleed for edge-to-edge rendering.
• Set a specific Height if needed.

Removing the Widget

• Click the edit icon on the widget and open the advanced editor.
• Set the Active field to "No" on the Control Info tab to hide it, or delete the record to remove it permanently.

Edit Dialog Fields

Advanced Edit Fields