LinkedIn

Facebook

Instagram

Flatiron
  • Our Companies
  • Our Projects
  • Careers
  • News & Insights

Training Guide Home > Component Library

Page Content

The Page Content component is used to display the page content. It can be displayed as a full width component or a contained component.

|  Working Component  |  Add Component to a Page  |  Configure Component  |


Working Component

Any rich text content added to the page template itself will be displayed here.  Content can also be added to this content placeholder field. 


Add Component to a Page

 

  1. In Page Builder, navigate to the page you want to add the component to.

  2. From the Components panel, drag and drop the Page Content > Page Content component into a container on the page. 

  3. This component doesn't require a datasource to be created, as it uses the Content field of the page you are adding the component to. If you have already added content onto the page, it will appear within the component.  

     

Add Content to the Page
  1. From the content tree, click on the 3 dots (...) to the right of the page name and select Page Content
  2. Update the Content field
  3. As you are typing content into the field, you will see your updates appearing on the canvas (page) within the Page Content component.

 

Add Content to the Component
  1. In Page Builder click on the Content field to select it.  Add / update the content.

     

Note: It doesn't matter which of the above options you select to add/edit content.   Both options will update the content on the page datasource. 

 


Configure the Component

 

  1. Click on the component to select it and display the configuration options on the right
  2. The table below outlines the configuration and advanced styling options available for the component.   Apply these as appropriate.

Configuration Options

Description

Design Tab

Is Contained

Tick checkbox to display the component with extra padding on the left and right;

Or leave unticked to display component full screen width.

Theme

Select a theme to change the colours of the text

Top Spacing

Adds extra spacing above the component

Bottom Spacing

Adds extra spacing below the component

FlatironDragados

FlatironDragados is the trusted partner delivering resilient, innovative infrastructure throughout the United States and Canada.

 

FlatironDragados
  • Projects
    • News
      About Us
      • About FlatironDragados
        • Our Values
          Join Us
          • Life at FlatironDragados
            • Find Your Job
              Copyright © 2025 FlatironDragados 
              • Ethics & Compliance
              • Privacy Policy
              • Terms & Conditions
              • EOE