LinkedIn

Facebook

Instagram

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

Training Guide Home > Component Library

Title with Page Content

The Title with Page Content component is used to display the page title and 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

Title with Page Content

Any content added to the page template itself will be displayed here. Content can also be added/edited directly within this component


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 > Title with Page Content component into a container on the page. 

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

     

Add Title and 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 following fields:
    1. Title: Enter the title
    2. Content: Enter rich text content
  3. As you are typing content into the fields, you will see your updates appearing on the canvas (page) within the Title with Page Content component.

 

Add Title and Content to the Component
  1. In Page Builder click on the Title field to select it.  Add / update the title.
  2. 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

H1TitleTick checkbox to make the card title an H1 heading style

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 and background

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