Tool Panel

Child Page List Widget

Child Page List Widget

The Child Page List Widget displays a list of child pages beneath the current page. It automatically generates navigation links to sub-pages, making it easy for visitors to browse related content.

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 Child Page List Widget in the Design Blocks category.
  4. Drag the widget onto the page at the desired location.
  5. The widget will automatically display links to all child pages -- no additional configuration is required.

Managing Child Pages

The widget automatically reflects the child pages of the page it is placed on. To change what appears in the list:

  • Add a child page: Create a new page and set its parent to the page containing this widget.
  • Remove a page from the list: Change the child page's parent to a different page, or deactivate the child page.
  • Reorder items: Change the Sort Order on the child pages themselves.

Styling the Widget

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

This widget has no basic edit fields. It automatically displays child pages of the current 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
Background Image Background Set a background image for the widget