Home
Tool Panel

Page Extension Widget

Page Extension Widget

The Page Extension Widget extends a page's content with additional sections. Use this widget to add supplementary content areas to a page beyond its primary content, such as related information panels, sidebar-style content, or additional interactive elements.

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 Page Extension Widget in the Design Blocks category.
  4. Drag the widget onto the page at the desired location.

Editing Widget Content

  1. Click the edit icon on the Page Extension Widget.
  2. Set the Type to choose between Page or Section mode.
  3. Select an Addon to display within the extension, or enter content directly.
  4. Add a Headline, Description, and optional Embed code as needed.

Configuring the Button

  1. Click the edit icon on the widget.
  2. Enter a label in the Button Text field.
  3. Enter the destination URL in the Button URL field.
  4. To change the button appearance, adjust the Button Style in the advanced editor under the Styles tab.

Styling the Widget

  • Open the advanced editor to access the Styles tab.
  • Set padding (top, right, bottom, left) to control spacing.
  • 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

Field Description
Active Enable or disable this widget
Type The extension type: Page or Section
Addon Select an addon to display in the extension
Headline The heading text for the extension section
Embed Custom embed code for the section
Description Body content for the extension (HTML)
Button Text Label for an optional button
Button URL URL the button links to
Sort Order Controls the display order when multiple widgets are on the page

Advanced Edit Fields

Field Tab Description
Name Control Info Internal name for this widget
Pad Top Styles Add top padding to the widget
Pad Right Styles Add right padding to the widget
Pad Bottom Styles Add bottom padding to the widget
Pad Left Styles Add left padding to the widget
As Full Bleed Styles Include margins for content
Height Styles Set a specific height with units
Theme Style Styles Select a layout wrapper class from Design Block Themes
Button Style Styles CSS class for buttons (default: "btn btn-primary")
Background Image Background Set a background image for the widget